@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;



/*BACKGROUND*/


.background {
    color: white;
    background-color: #252525;
}

.background:backdrop {
    color: rgba(255, 255, 255, 0.5);
    background-color: #282828;
}

.background.csd {
    border-radius: 12px;
}

.background.csd.maximized,
.background.csd.tiled,
.background.csd.fullscreen {
    border-radius: 0;
}

.background.solid-csd {
    border-radius: 0;
}



/*WINDOW*/


window {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

window:backdrop {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

window.csd {
    transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: 12px;
    box-shadow: 0 3px 3px 0 rgba(36, 36, 36, 0.1), 0 8px 8px 0 rgba(36, 36, 36, 0.1), 0 16px 16px 0 rgba(36, 36, 36, 0.1), 0 0 0 2px rgba(36, 36, 36, 0.1), 0 0 0 1px rgba(36, 36, 36, 0.1);
    margin: 0;
}

window.csd:backdrop {
    box-shadow: 0 3px 3px 0 rgba(36, 36, 36, 0.1), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(36, 36, 36, 0.1), 0 0 0 1px rgba(36, 36, 36, 0.1);
}

window.csd.tiled,
window.csd.tiled-top,
window.csd.tiled-left,
window.csd.tiled-right,
window.csd.tiled-bottom {
    border-radius: 0;
    outline: none;
    box-shadow: 0 0 0 1px alpha(0, 0, 0, 0, 0.15),
        0 0 0 20px transparent;
}

window.csd.tiled:backdrop,
window.csd.tiled-top:backdrop,
window.csd.tiled-left:backdrop,
window.csd.tiled-right:backdrop,
window.csd.tiled-bottom:backdrop {
    box-shadow: 0 0 0 1px alpha(0, 0, 0, 0, 0.15),
        0 0 0 20px transparent;
}

window.csd.popup {
    border-radius: 12px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(36, 36, 36, 0.1), 0 0 0 1px rgba(36, 36, 36, 0.1);
}

window.csd.dialog.message {
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

window.maximized,
window.fullscreen,
window:backdrop {
    outline-width: 1px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    transition: none;
}

window.solid-csd {
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0;
    margin: 0;
    background-color: #252525;
    box-shadow: none;
}

window.solid-csd:backdrop {
    box-shadow: none;
    background-color: #282828;
}

window.popup {
    box-shadow: none;
}

window.ssd {
    box-shadow: 0 0 0 1px rgba(36, 36, 36, 0.1);
}



/*MAGNIFIER*/


magnifier {
    background-color: rgba(255, 255, 255, 0.05);
}



/*OUTLINE FOR LOW RES ICONS*/
.lowres-icon {
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
}

/*DROP SHADOW FOR LARGE ICONS*/
.icon-dropshadow {
    -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
}



/*LABEL*/


label.separator {
    color: white;
}

label>selection {
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
}

label:disabled {
    color: rgba(255, 255, 255, 0.5);
}

label:disabled selection {
    background-color: rgba(255, 255, 255, 0.1);
}



/*CELL*/


cell {
    border-color: rgba(255, 255, 255, 0.1);
}



/*EDITABLELABEL*/


editablelabel>stack>text {
    color: white;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: transparent;
}

columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
    outline: 2px solid rgba(255, 255, 255, 0.2);
}

columnview row:not(:selected) cell editablelabel.editing:focus-within {
    outline: 2px solid rgba(255, 255, 255, 0.2);
}



/*OTHER*/


.dim-label,
scale>value,
progressbar>text,
row.expander:not(:checked) image.expander-row-arrow,
row label.subtitle,
spinbutton>text>placeholder,
entry>text>placeholder,
headerbar .subtitle,
windowtitle .subtitle {
    opacity: 1;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

.accent {
    color: #1b82b3;
}

.success {
    color: #79B757;
}

.warning {
    color: #ffb83d;
}

.error {
    color: #ed5f5d;
}

.large-title {
    font-weight: 300;
    font-size: 24pt;
}

.title-1 {
    font-weight: 800;
    font-size: 20pt;
}

.title-2 {
    font-weight: 800;
    font-size: 15pt;
}

.title-3 {
    font-weight: 700;
    font-size: 15pt;
}

.title-4 {
    font-weight: 700;
    font-size: 13pt;
}

.heading {
    font-weight: 700;
    font-size: 11pt;
}

.body {
    font-weight: 400;
    font-size: 11pt;
}

.caption {
    font-weight: 400;
    font-size: 9pt;
}

.caption-heading {
    font-weight: 700;
    font-size: 9pt;
}

.monospace {
    font-family: monospace;
}

.numeric,
spinbutton,
scale>value,
progressbar>text {
    font-feature-settings: "tnum";
}

dnd {
    color: white;
}

.normal-icons {
    -gtk-icon-size: 16px;
}

.large-icons {
    -gtk-icon-size: 32px;
}



/*AVATAR*/


avatar {
    border-radius: 9999px;
    font-weight: bold;
    border: 3px solid #606060;
}


avatar.color1 {
    background-image: linear-gradient(#83b6ec, #83b6ec);
    color: #cfe1f5;
}

avatar.color2 {
    background-image: linear-gradient(#7ad9f1, #7ad9f1);
    color: #caeaf2;
}

avatar.color3 {
    background-image: linear-gradient(#8de6b1, #8de6b1);
    color: #cef8d8;
}

avatar.color4 {
    background-image: linear-gradient(#b5e98a, #b5e98a);
    color: #e6f9d7;
}

avatar.color5 {
    background-image: linear-gradient(#f8e359, #f8e359);
    color: #f9f4e1;
}

avatar.color6 {
    background-image: linear-gradient(#ffcb62, #ffcb62);
    color: #ffead1;
}

avatar.color7 {
    background-image: linear-gradient(#ffa95a, #ffa95a);
    color: #ffe5c5;
}

avatar.color8 {
    background-image: linear-gradient(#f78773, #f78773);
    color: #f8d2ce;
}

avatar.color9 {
    background-image: linear-gradient(#e33b6a, #e33b6a);
    color: #fac7de;
}

avatar.color10 {
    background-image: linear-gradient(#9945b5, #9945b5);
    color: #e7c2e8;
}

avatar.color11 {
    background-image: linear-gradient(#7a59ca, #7a59ca);
    color: #d5d2f5;
}

avatar.color12 {
    background-image: linear-gradient(#b08952, #b08952);
    color: #f2eade;
}

avatar.color13 {
    background-image: linear-gradient(#be916d, #be916d);
    color: #e5d6ca;
}

avatar.color14 {
    background-image: linear-gradient(#6e6d71, #6e6d71);
    color: #d8d7d3;
}

avatar.contrasted {
    color: white;
}

avatar.image {
    background: none;
}

avatar:hover {
    color: white;
    border: 2px solid #808080;
}



/*DRAG AND DROP*/


*:drop(active):focus,
*:drop(active) {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    background-color: #333333;
}

:not(window):drop(active):focus,
:not(window):drop(active) {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    caret-color: rgba(255, 255, 255, 0.5);
}



/*BORDERS IN SPLITBUTTON IN SETTINGS (my code)*/


.linked:not(.vertical)>button+button {
    margin-left: 0;
    margin-right: 0;
}



/*SELECTION COLOR*/


selection {
    background-color: rgba(255, 255, 255, 0.2);
    color: transparent;
}

selection:focus-within {
    background-color: rgba(255, 255, 255, 0.2);
}

selection:backdrop,
selection:disabled {
    background-color: rgba(255, 255, 255, 0.1);
}



/*CHECK AND RADIO*/


checkbutton {
    border-radius: 9px;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    transition: 200ms;
    animation-timing-function: ease-in-out;
    border-spacing: 0px;
    padding: 3px;
}

checkbutton {
    outline: 0 solid transparent;
    outline-offset: 4px;
}

checkbutton:focus:focus-visible {
    outline-color: transparent;
    outline-width: 2px;
    outline-offset: -2px;
}

.osd checkbutton:focus:focus-visible {
    outline-color: rgba(255, 255, 255, 0.5);
}

checkbutton.text-button {
    padding: 4px;
}

checkbutton.text-button:hover,
radiobutton.text-button:hover {
    color: rgba(255, 255, 255, 0.7);
}

checkbutton.text-button:backdrop,
radiobutton.text-button:backdrop {
    color: rgba(255, 255, 255, 0.5);
}

checkbutton.text-button:disabled,
radiobutton.text-button:disabled {
    color: rgba(255, 255, 255, 0.5);
}

check,
radio {
    min-height: 14px;
    min-width: 14px;
    margin: 3px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 1px;
    -gtk-icon-size: 14px;
    box-shadow: none;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-clip: padding-box;
    border: none;
    background-image: image(rgba(255, 255, 255, 0.2));
}

check:not(:checked):not(:indeterminate):hover,
radio:not(:checked):not(:indeterminate):hover {
    background-image: image(rgba(255, 255, 255, 0.25));
    box-shadow: 0;
}

check:not(:checked):not(:indeterminate):active,
radio:not(:checked):not(:indeterminate):active {
    background-image: image(rgba(255, 255, 255, 0.3));
    box-shadow: none;
}

check:checked,
check:indeterminate,
radio:checked,
radio:indeterminate {
    color: white;
    background-image: image(#1b82b3);
    box-shadow: none;
}

check:checked:hover,
check:indeterminate:hover,
radio:checked:hover,
radio:indeterminate:hover {
    background-image: image(#2094c9);
}

check:checked:active,
check:indeterminate:active,
radio:checked:active,
radio:indeterminate:active {
    background-image: image(#1b82b3);
}

check:disabled,
radio:disabled {
    filter: opacity(0.5);
}

check:checked:backdrop,
radio:checked:backdrop {
    background-image: image(#666666);
}

check:indeterminate:backdrop,
radio:indeterminate:backdrop {
    background-image: image(#666666);
}

check:backdrop,
check:indeterminate:backdrop,
radio:backdrop,
radio:indeterminate:backdrop,
check:disabled,
check:indeterminate:disabled,
radio:disabled,
radio:indeterminate:disabled {
    filter: opacity(0.5);
}

check:checked:backdrop,
check:indeterminate:backdrop,
radio:checked:backdrop,
radio:indeterminate:backdrop,
check:checked:disabled,
check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
    filter: opacity(0.5);
    background-image: image(rgba(255, 255, 255, 0.4));
}

.osd check:checked,
.osd check:indeterminate,
.osd radio:checked,
.osd radio:indeterminate {
    background-color: rgba(255, 255, 255, 0.75);
    color: rgba(0, 0, 0, 0.75);
}

check {
    border-radius: 4px;
}

check:checked {
    -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
}

check:indeterminate {
    -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
}

radio {
    border-radius: 9999px;
}

radio:checked {
    -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
}

radio:indeterminate {
    -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
}

checkbutton.selection-mode {
    border-radius: 100px;
}

checkbutton.selection-mode check,
checkbutton.selection-mode radio {
    padding: 7px;
    border-radius: 100px;
}

checkbutton.selection-mode label:dir(ltr) {
    margin-right: 6px;
}

checkbutton.selection-mode label:dir(rtl) {
    margin-left: 6px;
}

modelbutton.flat radio,
.menuitem.button.flat radio {
    min-height: 18px;
    min-width: 18px;
}

modelbutton.flat check,
.menuitem.button.flat check {
    min-height: 18px;
    min-width: 18px;
}

modelbutton.flat check:last-child,
modelbutton.flat radio:last-child {
    margin-left: 0px;
}

modelbutton.flat check:first-child,
modelbutton.flat radio:first-child {
    margin-right: 8px;
}

/*animation*/
check:not(:indeterminate):not(:checked):active {
    -gtk-icon-transform: translate(-3px, 6px) rotate(90deg) scaleY(0) rotate(-45deg) scaleX(0.2);
}

radio:not(:indeterminate):not(:checked):active {
    -gtk-icon-transform: scale(0);
}



/*CHECK, RADIO IN POPOVER*/


popover.menu check.left,
popover.menu radio.left,
popover.menu arrow.left {
    margin-left: -2px;
    margin-right: 6px;
}

popover.menu check.right,
popover.menu radio.right,
popover.menu arrow.right {
    margin-left: 6px;
    margin-right: -2px;
}

popover.menu check,
popover.menu radio {
    min-height: 14px;
    min-width: 14px;
    margin: 3px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 1px;
    -gtk-icon-size: 14px;
    box-shadow: none;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-clip: padding-box;
    border: none;
    background-image: image(rgba(255, 255, 255, 0.2));
}

popover.menu check:not(:checked):not(:indeterminate):hover,
popover.menu radio:not(:checked):not(:indeterminate):hover {
    background-image: image(rgba(255, 255, 255, 0.25));
    box-shadow: 0;
}

popover.menu check:not(:checked):not(:indeterminate):active,
popover.menu radio:not(:checked):not(:indeterminate):active {
    background-image: image(rgba(255, 255, 255, 0.3));
    box-shadow: none;
}

popover.menu check:checked,
popover.menu check:indeterminate,
popover.menu radio:checked,
popover.menu radio:indeterminate {
    color: white;
    background-image: image(#1b82b3);
    box-shadow: none;
}

popover.menu check:checked:hover,
popover.menu check:indeterminate:hover,
popover.menu radio:checked:hover,
popover.menu radio:indeterminate:hover {
    background-image: image(#2094c9);
    color: white;
}

popover.menu check:checked:active,
popover.menu check:indeterminate:active,
popover.menu radio:checked:active,
popover.menu radio:indeterminate:active {
    background-image: image(#1b82b3);
}

popover.menu check:disabled,
popover.menu radio:disabled {
    filter: opacity(0.5);
}

popover.menu check:checked:backdrop,
popover.menu radio:checked:backdrop {
    background-image: image(#666666);
}

popover.menu check:indeterminate:backdrop,
popover.menu radio:indeterminate:backdrop {
    background-image: image(#666666);
}

popover.menu check:backdrop,
popover.menu check:indeterminate:backdrop,
popover.menu radio:backdrop,
popover.menu radio:indeterminate:backdrop,
popover.menu check:disabled,
popover.menu check:indeterminate:disabled,
popover.menu radio:disabled,
popover.menu radio:indeterminate:disabled {
    filter: opacity(0.5);
}

popover.menu check:checked:backdrop,
popover.menu check:indeterminate:backdrop,
popover.menu radio:checked:backdrop,
popover.menu radio:indeterminate:backdrop,
popover.menu check:checked:disabled,
popover.menu check:indeterminate:disabled,
popover.menu radio:checked:disabled,
popover.menu radio:indeterminate:disabled {
    filter: opacity(0.5);
    background-image: image(rgba(255, 255, 255, 0.4));
}



/*SWITCH*/


switch {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: 9999px;
    background-color: transparent;
    background-clip: padding-box;
    color: transparent;
    font-size: 0;
    box-shadow: none;
    background-image: image(rgba(255, 255, 255, 0.2));
    border-image: image(transparent);
    padding: 2px;
}

switch:hover {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(rgba(255, 255, 255, 0.25));
}

switch:active {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(rgba(255, 255, 255, 0.15));
}

switch:checked {
    animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
    background-color: transparent;
    color: transparent;
    box-shadow: none;
    transition: background-image 0.3s, box-shadow 0;
    background-image: image(#1b82b3);
}

switch:checked:hover {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(#2094c9);
}

switch:checked:active {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(#1b82b3);
}

switch:backdrop {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(rgba(255, 255, 255, 0.15));
}

switch:checked:backdrop {
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
    background-image: image(rgba(255, 255, 255, 0.25));
}

switch:disabled,
switch:checked:disabled {
    filter: opacity(0.5);
}

switch>image {
    color: transparent;
}

switch {
    outline: 0 solid transparent;
    outline-offset: 5px;
}

switch:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

switch>slider {
    box-shadow: none;
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0;
    background-color: rgba(255, 255, 255, 0.5);
    min-width: 20px;
    min-height: 20px;
    margin: 0px 0 0px 0px;
    background-image: none;
    border-color: transparent;
    border-radius: 9999px;
}

switch>slider:disabled {
    box-shadow: none;
}

switch:hover>slider,
switch:active>slider,
switch:checked>slider {
    background: white;
    border-color: transparent;
    margin: 0;
}

switch>slider:backdrop,
switch>slider:disabled,
switch>slider:checked:backdrop,
switch>slider:checked:disabled {
    filter: opacity(0.5);
}

.osd switch:focus:focus-visible {
    outline-color: transparent;
}

.osd switch:checked {
    background-color: #1b82b3;
    color: white;
}



/*SLIDER*/


scale>trough>fill,
scale>trough {
    border-radius: 99px;
    background-color: rgba(255, 255, 255, 0.05);
}

scale {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    min-height: 16px;
    min-width: 16px;
    padding: 3px;
}

scale>trough {
    outline: 0 solid transparent;
    outline-offset: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: transparent;
}

scale:focus:focus-visible>trough {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

scale>trough {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: transparent;
}

scale>trough:hover,
scale>trough:active {
    background-color: rgba(255, 255, 255, 0.1);
}

scale.vertical>trough {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

scale>trough>slider {
    box-shadow: none;
    outline: 1px solid transparent;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border, box-shadow;
    min-height: 20px;
    min-width: 20px;
    background-color: white;
    border: 0px solid rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    margin: -8px;
}

scale>trough>slider:hover {
    background-color: rgba(230, 230, 230, 1);
}

scale>trough>slider:active {
    background-color: rgba(210, 210, 210, 1);
}

scale>trough>slider:backdrop {
    background-color: rgba(180, 180, 180, 1);
    background-image: image(rgba(180, 180, 180, 1));
}

scale>trough>slider:disabled {
    background-color: rgba(150, 150, 150, 1);
    background-image: image(rgba(150, 150, 150, 1));
}

scale>trough>highlight {
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.5);
    min-height: 20px;
    min-width: 20px;
    margin-right: -8px;
    margin-left: -8px;
    border-color: transparent;
}

scale>trough>highlight:hover,
scale>trough>highlight:active {
    background-image: none;
}

scale>trough>highlight:backdrop {
    background-color: rgba(255, 255, 255, 0.3);
}

scale>trough>highlight:disabled {
    background-color: rgba(255, 255, 255, 0.15);
}

scale.vertical>trough>highlight {
    margin-bottom: -8px;
    margin-top: -8px;
    margin-right: 2px;
    margin-left: 2px;
}

scale:disabled {
    filter: opacity(1);
}

scale:disabled>trough>slider {
    box-shadow: none;
    outline-color: transparent;
}

scale.fine-tune {
    padding: 9px;
}

scale.fine-tune.horizontal {
    min-height: 16px;
}

scale.fine-tune.vertical {
    min-width: 16px;
}

scale.fine-tune>trough>slider {
    margin: -5px;
}

scale.marks-before:not(.marks-after)>trough>slider,
scale.marks-after:not(.marks-before)>trough>slider {
    transform: rotate(45deg);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-image: none;
    border: none;
    margin: -7px;
}

scale.marks-before:not(.marks-after)>trough>slider:disabled,
scale.marks-after:not(.marks-before)>trough>slider:disabled {
    box-shadow: 1px 1px 4px transparent;
}

scale.horizontal>marks {
    color: rgba(255, 255, 255, 0.5);
}

scale.horizontal>marks.top {
    margin-bottom: 6px;
}

scale.horizontal>marks.bottom {
    margin-top: 6px;
}

scale.horizontal>marks indicator {
    background-color: currentColor;
    min-height: 6px;
    min-width: 1px;
}

scale.horizontal>value.left {
    margin-right: 9px;
}

scale.horizontal>value.right {
    margin-left: 9px;
}

scale.horizontal.fine-tune>marks.top {
    margin-top: 3px;
}

scale.horizontal.fine-tune>marks.bottom {
    margin-bottom: 3px;
}

scale.horizontal.fine-tune>marks indicator {
    min-height: 3px;
}

scale.horizontal.marks-before>trough>slider {
    border-top-left-radius: 9999px;
}

scale.horizontal.marks-after>trough>slider {
    border-bottom-right-radius: 9999px;
}

scale.horizontal.marks-before.marks-after>trough>slider {
    border-radius: 9999px;
}

scale.vertical>marks {
    color: rgba(255, 255, 255, 0.5);
}

scale.vertical>marks.top {
    margin-right: 6px;
}

scale.vertical>marks.bottom {
    margin-left: 6px;
}

scale.vertical>marks indicator {
    background-color: currentColor;
    min-height: 1px;
    min-width: 6px;
}

scale.vertical>value.top {
    margin-bottom: 9px;
}

scale.vertical>value.bottom {
    margin-top: 9px;
}

scale.vertical.fine-tune>marks.top {
    margin-left: 3px;
}

scale.vertical.fine-tune>marks.bottom {
    margin-right: 3px;
}

scale.vertical.fine-tune>marks indicator {
    min-height: 3px;
}

scale.vertical.marks-before>trough>slider {
    border-bottom-left-radius: 9999px;
}

scale.vertical.marks-after>trough>slider {
    border-top-right-radius: 9999px;
}

scale.color {
    min-height: 0;
    min-width: 0;
}

scale.color>trough {
    background-image: image(transparent);
    background-color: transparent;
    background-repeat: no-repeat;
}

scale.color.horizontal {
    padding: 0 0 15px 0;
}

scale.color.horizontal>trough {
    padding-bottom: 1px;
    background-position: 0 -3px;
    border-radius: 10px;
}

scale.color.horizontal>trough>slider:dir(ltr):hover,
scale.color.horizontal>trough>slider:dir(ltr):disabled,
scale.color.horizontal>trough>slider:dir(ltr),
scale.color.horizontal>trough>slider:dir(rtl):hover,
scale.color.horizontal>trough>slider:dir(rtl):disabled,
scale.color.horizontal>trough>slider:dir(rtl) {
    margin-bottom: -15px;
    margin-top: 6px;
}

scale.color.vertical:dir(ltr) {
    padding: 0 0 0 15px;
}

scale.color.vertical:dir(ltr)>trough {
    padding-left: 1px;
    background-position: 3px 0;
    border-radius: 10px;
}

scale.color.vertical:dir(ltr)>trough>slider:hover,
scale.color.vertical:dir(ltr)>trough>slider:disabled,
scale.color.vertical:dir(ltr)>trough>slider {
    margin-left: -15px;
    margin-right: 6px;
}

scale.color.vertical:dir(rtl) {
    padding: 0 15px 0 0;
}

scale.color.vertical:dir(rtl)>trough {
    padding-right: 4px;
    background-position: -3px 0;
}

scale.color.vertical:dir(rtl)>trough>slider:hover,
scale.color.vertical:dir(rtl)>trough>slider:disabled,
scale.color.vertical:dir(rtl)>trough>slider {
    margin-right: -15px;
    margin-left: 6px;
}

scale.color.fine-tune.horizontal:dir(ltr),
scale.color.fine-tune.horizontal:dir(rtl) {
    padding: 0 0 12px 0;
}

scale.color.fine-tune.horizontal:dir(ltr)>trough,
scale.color.fine-tune.horizontal:dir(rtl)>trough {
    padding-bottom: 7px;
    background-position: 0 -6px;
}

scale.color.fine-tune.horizontal:dir(ltr)>trough>slider,
scale.color.fine-tune.horizontal:dir(rtl)>trough>slider {
    margin-bottom: -15px;
    margin-top: 6px;
}

scale.color.fine-tune.vertical:dir(ltr) {
    padding: 0 0 0 12px;
}

scale.color.fine-tune.vertical:dir(ltr)>trough {
    padding-left: 7px;
    background-position: 6px 0;
}

scale.color.fine-tune.vertical:dir(ltr)>trough>slider {
    margin-left: -15px;
    margin-right: 6px;
}

scale.color.fine-tune.vertical:dir(rtl) {
    padding: 0 12px 0 0;
}

scale.color.fine-tune.vertical:dir(rtl)>trough {
    padding-right: 7px;
    background-position: -6px 0;
}

scale.color.fine-tune.vertical:dir(rtl)>trough>slider {
    margin-right: -15px;
    margin-left: 6px;
}

/*popup sliders horizontal*/
.osd scale>trough>slider {
    min-height: 20px;
    min-width: 20px;
    background-color: white;
    border-radius: 9999px;
    transition-property: background, border;
    background-image: none;
}

.osd scale:focus:focus-visible>trough {
    outline-color: transparent;
}

.osd scale>trough>highlight {
    background-color: rgba(255, 255, 255, 0.5);
    color: white;
}

.osd scale>trough>slider:hover {
    background-color: rgba(230, 230, 230, 1);
}

.osd scale>trough>slider:active {
    background-color: rgba(210, 210, 210, 1);
}

.osd scale>trough>slider:backdrop,
.osd scale>trough>slider:disabled {
    background-color: rgba(150, 150, 150, 1);
    background-image: image(rgba(150, 150, 150, 1));
}

.osd scale>trough>highlight:backdrop,
.osd scale>trough>highlight:disabled {
    background-color: rgba(255, 255, 255, 0.15);
}

.osd .scale-popup button.flat {
    border-style: none;
    border-radius: 6px;
}

.scale-popup button {
    border: none;
}



/*PROGRESSBAR*/


progressbar {
    padding: 0;
    font-size: smaller;
    color: white;
    font-feature-settings: "tnum";
}

progressbar:backdrop,
progressbar:disabled {
    color: rgba(255, 255, 255, 0.5);
}

progressbar:disabled {
    filter: opacity(1);
}

progressbar.horizontal>trough {
    min-width: 150px;
}

progressbar.horizontal>trough,
progressbar.horizontal>trough>progress {
    min-height: 4px;
    border-radius: 99px;
}

progressbar.vertical>trough {
    min-height: 80px;
}

progressbar.vertical>trough,
progressbar.vertical>trough>progress {
    min-width: 4px;
    border-radius: 99px;
}

progressbar>text {
    font-size: smaller;
}

progressbar>trough>progress {
    border-radius: 99px;
}

progressbar>trough>progress.left {
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}

progressbar>trough>progress.right {
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}

progressbar>trough>progress.top {
    border-top-right-radius: 99px;
    border-top-left-radius: 99px;
}

progressbar>trough>progress.bottom {
    border-bottom-right-radius: 99px;
    border-bottom-left-radius: 99px;
}

progressbar.osd {
    color: inherit;
    min-width: 3px;
    min-height: 3px;
    background-color: transparent;
}

progressbar.osd>progress {
    border-style: none;
    border-radius: 99px;
}

progressbar>trough {
    min-height: 4px;
    min-width: 4px;
    border: none;
    border-radius: 99px;
    background-color: rgba(255, 255, 255, 0.05);
}

progressbar>trough>progress {
    background-color: #1b82b3;
    border: none;
    border-radius: 99px;
    box-shadow: none;
}

progressbar.osd>trough {
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

progressbar.osd>trough>progress {
    border-style: none;
    border-radius: 0;
}

progressbar.osd.horizontal>trough,
progressbar.osd.horizontal>trough>progress {
    min-height: 2px;
}

progressbar.osd.vertical>trough,
progressbar.osd.vertical>trough>progress {
    min-width: 2px;
}

progressbar>trough.empty>progress {
    all: unset;
}

.osd progressbar>trough>progress {
    background-color: rgba(255, 255, 255, 0.75);
}



/*LEVELBAR*/


levelbar block {
    min-width: 32px;
    min-height: 8px;
    border-radius: 9999px;
    border: 0px solid transparent;
}

levelbar>trough {
    border: none;
    padding: 3px;
    border-radius: 9999px;
}

levelbar:disabled {
    filter: opacity(1);
}

levelbar.horizontal trough>block {
    min-height: 8px;
    border-radius: 99px;
}

levelbar.horizontal trough>block.empty,
levelbar.horizontal trough>block.full {
    border-radius: 99px;
}

levelbar.horizontal.discrete>trough>block {
    min-height: 8px;
    margin-right: 2px;
    min-width: 26px;
    border-radius: 0;
}

levelbar.horizontal.discrete>trough>block:first-child {
    border-radius: 99px 0 0 99px;
}

levelbar.horizontal.discrete>trough>block:last-child {
    border-radius: 0 99px 99px 0;
    margin-right: 0;
}

levelbar.vertical trough>block {
    min-width: 8px;
    border-radius: 99px;
}

levelbar.vertical trough>block.empty,
levelbar.vertical trough>block.full {
    border-radius: 99px;
}

levelbar.vertical.discrete>trough>block {
    min-width: 8px;
    margin-bottom: 2px;
    min-height: 26px;
    border-radius: 0;
}

levelbar.vertical.discrete>trough>block:first-child {
    border-radius: 99px 99px 0 0;
}

levelbar.vertical.discrete>trough>block:last-child {
    border-radius: 0 0 99px 99px;
    margin-bottom: 0;
}

levelbar>trough>block.low {
    border-color: #E9873A;
    background-color: #E9873A;
}

levelbar>trough>block.high,
levelbar>trough>block:not(.empty) {
    border-color: #1b82b3;
    background-color: #1b82b3;
}

levelbar>trough>block.full {
    border-color: #79B757;
    background-color: #79B757;
}

levelbar>trough>block.empty {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
}

.osd levelbar>trough>block.high,
.osd levelbar>trough>block:not(.empty) {
    border-color: #1b82b3;
    background-color: #1b82b3;
}



/*SCROLLBAR*/


scrollbar {
    color: white;
    background-color: transparent;
    transition: all 100ms linear;
    border-color: transparent;
}

scrollbar.top {
    box-shadow: none;
    padding-bottom: 1px;
}

scrollbar.bottom {
    box-shadow: none;
    padding-top: 1px;
}

scrollbar.left {
    box-shadow: none;
    padding-right: 1px;
}

scrollbar.right {
    box-shadow: none;
    padding-left: 1px;
}

scrollbar>range>trough {
    margin: 7px;
    transition: all 200ms linear;
    border-radius: 10px;
}

scrollbar slider {
    min-width: 8px;
    min-height: 40px;
    margin: 0px;
    border: 1px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 100ms linear;
}

scrollbar.horizontal slider {
    min-width: 40px;
    min-height: 8px;
}

scrollbar slider:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

scrollbar slider:hover:active {
    background-color: rgba(255, 255, 255, 0.15);
}

scrollbar slider:backdrop {
    background-color: rgba(255, 255, 255, 0.15);
}

scrollbar slider:disabled {
    background-color: transparent;
}

scrollbar.horizontal>range>trough {
    margin-top: 6px;
    margin-bottom: 6px;
}

scrollbar.vertical>range>trough {
    margin-left: 6px;
    margin-right: 6px;
}

scrollbar.overlay-indicator {
    background: none;
    color: inherit;
    box-shadow: none;
    padding: 0;
}

scrollbar.overlay-indicator>range>trough {
    outline: 1px solid transparent;
}

scrollbar.overlay-indicator>range>trough>slider {
    outline: 0px solid transparent;
    outline-offset: 0px;
}

.osd scrollbar.overlay-indicator>range>trough>slider {
    outline: 0px solid transparent;
    outline-offset: 0px;
}

scrollbar.overlay-indicator:not(.hovering)>range>trough>slider {
    min-width: 3px;
    min-height: 3px;
    outline-color: transparent;
}

.osd scrollbar.overlay-indicator:not(.hovering)>range>trough>slider {
    outline-color: transparent;
}

scrollbar.overlay-indicator.hovering>range>trough {
    outline-color: transparent;
    background-color: transparent;
}

.osd scrollbar.overlay-indicator.hovering>range>trough {
    outline-color: transparent;
    background-color: transparent;
}

scrollbar.overlay-indicator.horizontal>range>trough>slider {
    min-width: 40px;
}

scrollbar.overlay-indicator.horizontal.hovering>range>trough>slider {
    min-height: 8px;
}

scrollbar.overlay-indicator.horizontal:not(.hovering)>range>trough {
    margin-top: 3px;
    margin-bottom: 3px;
}

scrollbar.overlay-indicator.vertical>range>trough>slider {
    min-height: 40px;
}

scrollbar.overlay-indicator.vertical.hovering>range>trough>slider {
    min-width: 8px;
}

scrollbar.overlay-indicator.vertical:not(.hovering)>range>trough {
    margin-left: 3px;
    margin-right: 3px;
}

scrollbar.horizontal>range>trough>slider {
    min-width: 40px;
}

scrollbar.vertical>range>trough>slider {
    min-height: 40px;
}

scrollbar>range.fine-tune>trough>slider,
scrollbar>range.fine-tune>trough>slider:hover,
scrollbar>range.fine-tune>trough>slider:active {
    background-color: transparent;
}



/*SCROLLEDWINDOWS*/


scrolledwindow>overshoot.top {
    background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
    background-size: 100% 3%, 100% 50%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

scrolledwindow>overshoot.bottom {
    background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
    background-size: 100% 3%, 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

scrolledwindow>overshoot.left {
    background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
    background-size: 3% 100%, 50% 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

scrolledwindow>overshoot.right {
    background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
    background-size: 3% 100%, 50% 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

scrolledwindow>junction {
    background: none;
    border-style: solid none none solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #272727;
}

scrolledwindow>junction:dir(rtl) {
    background: none;
    border-style: solid solid none none;
}



/*CALENDAR*/


calendar {
    background-clip: padding-box;
    font-feature-settings: "tnum";
    border-radius: 6px;
    padding: 2px 6px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

calendar>header {
    border-bottom: 3px solid transparent;
    margin-top: 3px;
}

calendar>header>button {
    border: none;
    box-shadow: none;
    background: none;
    border-radius: 6px;
}

calendar>header>button:hover {
    background-color: rgba(222, 222, 222, 0.1);
}

calendar>header>button:active {
    background-color: rgba(222, 222, 222, 0.05);
}

calendar>header>button:backdrop,
calendar>header>button:disabled {
    background: none;
    color: rgba(255, 255, 255, 0.5);
}


calendar>grid>label.today {
    background-image: image(#1b82b3);
    box-shadow: none;
    border-radius: 9999px;
    color: white;
    transition: 200ms;
}

calendar>grid>label.today:selected {
    box-shadow: none;
    color: white;
    background-image: image(#2094c9);
    border-radius: 9999px;
    transition: 200ms;
}

calendar>grid>label {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    margin: 3px;
    box-shadow: none;
    padding: 9px 0;
    outline: 0 solid transparent;
    outline-offset: 4px;
}

calendar>grid>label:focus {
    outline-color: transparent;
    outline-width: 2px;
    outline-offset: -2px;
    outline-style: none;
}

calendar>grid>label.day-number {
    padding: 4px;
}

calendar>grid>label.day-number:hover {
    background-color: rgba(222, 222, 222, 0.05);
    border-radius: 9999px;
    transition: 200ms;
}

calendar>grid>label.day-number:selected {
    background-color: rgba(222, 222, 222, 0.1);
    border-radius: 9999px;
    transition: 200ms;
}

calendar>grid>label.day-number.other-month {
    color: rgba(255, 255, 255, 0.5);
    border-radius: 9999px;
    transition: 200ms;
}

calendar>grid>label.today:backdrop,
calendar>grid>label.today:selected:backdrop,
calendar>grid>label.day-number:selected:backdrop,
calendar>grid>label.today:disabled,
calendar>grid>label.today:selected:disabled,
calendar>grid>label.day-number:selected:disabled {
    color: rgba(255, 255, 255, 0.5);
}



/*MENUBAR*/


menubar {
    background-color: transparent;
    color: white;
    box-shadow: none;
    padding: 5px;
}

menubar:backdrop,
menubar:backdrop {
    color: rgba(255, 255, 255, 0.5);
}

menubar>item {
    min-height: 16px;
    color: white;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    padding: 8px 10px;
    border: none;
    border-radius: 6px;
    margin-right: 3px;
    box-shadow: transparent;
}

menubar>item:hover {
    transition: none;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    box-shadow: none;
    transition: 200ms;
}

menubar>item:selected {
    background-color: rgba(255, 255, 255, 0.1);
}

menubar>item:backdrop,
menubar>item:disabled {
    color: rgba(255, 255, 255, 0.5);
}

menubar>item popover.menu popover.menu {
    padding: 0 0 4px 0;
}

menubar>item popover.menu popover.menu>contents {
    margin: 0;
    border-radius: 12px;
}



/*DIALOG MESSAGE*/


window.dialog.message.csd.background,
window.dialog.message.csd .titlebar {
    border-radius: 12px;
    min-height: 28px;
    background-color: #252525;
}

messagedialog.csd.background {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
}

messagedialog.csd .titlebar {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
}

window.dialog.message.csd.background:backdrop,
window.dialog.message.csd .titlebar:backdrop {
    background-color: #282828;
}

window.dialog.message box.dialog-vbox.vertical {
    margin-top: 6px;
    border-spacing: 10px;
}

window.dialog.message box.dialog-vbox.vertical>box>box>box>label.title {
    font-weight: 800;
    font-size: 15pt;
}

window.dialog.message.csd {
    border-radius: 12px;
}

window.dialog.message.csd .dialog-action-area {
    border-top: 0px solid transparent;
    margin: 3px;
    border-spacing: 0;
    padding: 0px;
}

window.dialog.message.csd .dialog-action-area>button {
    background-clip: padding-box;
    border-left: 0px solid transparent;
    padding: 6px 12px;
    box-shadow: none;
    border-radius: 6px;
    margin: 3px;
    border: none;
    color: white;
}

window.dialog.message.csd .dialog-action-area>button:focus:focus-visible,
.osd window.dialog.message.csd .dialog-action-area>button:focus:focus-visible,
window.dialog.message.csd .osd .dialog-action-area>button:focus:focus-visible {
    outline-color: transparent;
}

window.dialog.message.csd .dialog-action-area>button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

window.dialog.message.csd .dialog-action-area>button:active {
    background-color: rgba(255, 255, 255, 0.05);
}

window.dialog.message.csd .dialog-action-area>button.keyboard-activating,
window.dialog.message.csd .dialog-action-area>button:checked,
window.dialog.message.csd .dialog-action-area>button:checked:hover,
window.dialog.message.csd .dialog-action-area>button:checked.keyboard-activating,
window.dialog.message.csd .dialog-action-area>button:checked:active {
    background-color: rgba(255, 255, 255, 0.1);
}

window.dialog.message.csd .dialog-action-area>button:backdrop,
window.dialog.message.csd .dialog-action-area>button:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}

window.dialog.message .dialog-action-area>button.suggested-action,
window.dialog.message .dialog-action-area>button.destructive-action {
    border-radius: 6px;
    color: white;
}

window.dialog.message .dialog-action-area>button.suggested-action:hover {
    background-color: #2094c9;
}

window.dialog.message .dialog-action-area>button.suggested-action:active {
    background-color: #196b93;
}

window.dialog.message .dialog-action-area>button.suggested-action:checked {
    background-color: #2094c9;
}

window.dialog.message .dialog-action-area>button.suggested-action:backdrop {
    color: rgba(255, 255, 255, 0.5);
    background-color: #196b93;
}

window.dialog.message .dialog-action-area>button.suggested-action:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.05);
}

window.dialog.message .dialog-action-area>button.destructive-action:hover {
    background-color: #d65451;
}

window.dialog.message .dialog-action-area>button.destructive-action:active {
    background-color: #a8403e;
}

window.dialog.message .dialog-action-area>button.destructive-action:checked {
    background-color: #d65451;
}

window.dialog.message .dialog-action-area>button.destructive-action:backdrop {
    color: rgba(255, 255, 255, 0.5);
    background-color: #a8403e;
}

window.dialog.message .dialog-action-area>button.destructive-action:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.05);
}

window.aboutdialog image.large-icons {
    -gtk-icon-size: 128px;
}



/*FRAME*/


frame,
.frame {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
}

frame>list,
.frame>list {
    border: none;
}

frame {
    border-radius: 6px;
}

frame>label {
    margin: 4px;
}

frame>list {
    border-radius: 10px;
    box-shadow: none;
}



/*SEPARATOR*/


separator {
    background-color: rgba(255, 255, 255, 0.1);
    min-width: 1px;
    min-height: 1px;
}

separator.spacer {
    background: none;
}

separator.spacer.horizontal {
    min-width: 12px;
}

separator.spacer.vertical {
    min-height: 12px;
}



/*APP NOTIFICATIONS*/
.app-notification {
    border-spacing: 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
    padding: 6px;
    margin: 6px 16px 16px 16px;
    background-color: #333333;
    border-radius: 12px;
    border: none;
    background-image: none;
    background-clip: padding-box;
}

.app-notification border {
    border: none;
}

.app-notification button.text-button {
    min-height: 20px;
    background-color: #c34c4a;
}

.app-notification button.text-button:hover {
    transition: 200ms;
    background-color: #d65451;
    color: white;
}

.app-notification button.text-button:active {
    transition: 200ms;
    background-color: #a8403e;
    color: white;
}

.app-notification button.text-button:disabled {
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}



/*NOTEBOOK*/



notebook {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

notebook>header>tabs>tab:checked {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

notebook:focus:focus-visible>header>tabs>tab:checked {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

notebook>header {
    padding: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
    background-clip: padding-box;
    background-color: transparent;
}

notebook>header>tabs {
    margin: -1px;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    transition: 200ms;
    border-radius: 0;
    padding-bottom: 1px;
}

notebook>header>tabs>tab {
    color: rgba(255, 255, 255, 0.5);
    transition: 200ms;
    min-height: 30px;
    min-width: 30px;
    padding: 3px 12px;
    font-weight: normal;
    border-radius: 6px;
}

notebook>header>tabs>tab:hover:not(:checked) {
    color: white;
    background-color: rgba(255, 255, 255, 0.05);
}

notebook>header>tabs>tab:checked {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
}

notebook>header>tabs>tab:checked:backdrop {
    color: rgba(255, 255, 255, 0.5);
}

notebook>header>tabs>tab:backdrop,
notebook>header>tabs>tab:disabled {
    color: rgba(255, 255, 255, 0.5);
}

notebook>header>tabs>tab:disabled label,
notebook>header>tabs>tab:disabled button {
    filter: none;
}

notebook>header.top {
    border-bottom-style: solid;
}

notebook>header.top>tabs {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: -4px;
}

notebook>header.top>tabs>tab:hover {
    box-shadow: none;
}

notebook>header.top>tabs>tab:checked {
    box-shadow: none;
}

notebook>header.bottom {
    border-top-style: solid;
}

notebook>header.bottom>tabs {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: -4px;
}

notebook>header.bottom>tabs>tab:hover {
    box-shadow: none;
}

notebook>header.bottom>tabs>tab:checked {
    box-shadow: none;
}

notebook>header.left {
    border-right-style: solid;
}

notebook>header.left>tabs {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: -4px;
}

notebook>header.left>tabs>tab:hover {
    box-shadow: none;
}

notebook>header.left>tabs>tab:checked {
    box-shadow: none;
}

notebook>header.right {
    border-left-style: solid;
}

notebook>header.right>tabs {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: -4px;
}

notebook>header.right>tabs>tab:hover {
    box-shadow: none;
}

notebook>header.right>tabs>tab:checked {
    box-shadow: none;
}

notebook>header.top>tabs>arrow {
    border-top-style: none;
}

notebook>header.bottom>tabs>arrow {
    border-bottom-style: none;
}

notebook>header.top>tabs>arrow,
notebook>header.bottom>tabs>arrow {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 4px;
    padding-right: 4px;
}

notebook>header.top>tabs>arrow.down,
notebook>header.bottom>tabs>arrow.down {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}

notebook>header.top>tabs>arrow.up,
notebook>header.bottom>tabs>arrow.up {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

notebook>header.left>tabs>arrow {
    border-left-style: none;
}

notebook>header.right>tabs>arrow {
    border-right-style: none;
}

notebook>header.left>tabs>arrow,
notebook>header.right>tabs>arrow {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

notebook>header.left>tabs>arrow.down,
notebook>header.right>tabs>arrow.down {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

notebook>header.left>tabs>arrow.up,
notebook>header.right>tabs>arrow.up {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

notebook>header>tabs>arrow {
    min-height: 16px;
    min-width: 16px;
    border-radius: 0;
}

notebook>header>tabs>arrow:hover:not(:active) {
    box-shadow: none;
}

notebook>header>tabs>tab {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    min-height: 30px;
    min-width: 30px;
    padding: 3px 12px;
    font-weight: normal;
}

notebook>header>tabs>tab:hover,
notebook>header>tabs>tab:active {
    background-color: alpha(currentColor, 0.07);
}

notebook>header>tabs>tab:not(:checked) {
    outline-color: transparent;
}

notebook>header>tabs>tab:disabled {
    filter: opacity(0.5);
}

notebook>header>tabs>tab:disabled label,
notebook>header>tabs>tab:disabled button {
    filter: none;
}

notebook>header>tabs>tab button.flat {
    color: alpha(currentColor, 0.3);
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    min-width: 20px;
    min-height: 20px;
}

notebook>header>tabs>tab button.flat:hover,
notebook>header>tabs>tab button.flat:active {
    color: currentColor;
}

notebook>header>tabs>tab button.flat:last-child {
    margin-left: 4px;
    margin-right: -4px;
}

notebook>header>tabs>tab button.flat:first-child {
    margin-left: -4px;
    margin-right: 4px;
}

notebook>header.top>tabs,
notebook>header.bottom>tabs {
    padding-left: 4px;
    padding-right: 4px;
}

notebook>header.top>tabs:not(:only-child),
notebook>header.bottom>tabs:not(:only-child) {
    margin-left: 3px;
    margin-right: 3px;
}

notebook>header.top>tabs:not(:only-child):first-child,
notebook>header.bottom>tabs:not(:only-child):first-child {
    margin-left: -1px;
}

notebook>header.top>tabs:not(:only-child):last-child,
notebook>header.bottom>tabs:not(:only-child):last-child {
    margin-right: -1px;
}

notebook>header.top>tabs>tab,
notebook>header.bottom>tabs>tab {
    margin-left: 4px;
    margin-right: 4px;
}

notebook>header.left>tabs,
notebook>header.right>tabs {
    padding-top: 4px;
    padding-bottom: 4px;
}

notebook>header.left>tabs:not(:only-child),
notebook>header.right>tabs:not(:only-child) {
    margin-top: 3px;
    margin-bottom: 3px;
}

notebook>header.left>tabs:not(:only-child):first-child,
notebook>header.right>tabs:not(:only-child):first-child {
    margin-top: -1px;
}

notebook>header.left>tabs:not(:only-child):last-child,
notebook>header.right>tabs:not(:only-child):last-child {
    margin-bottom: -1px;
}

notebook>header.left>tabs>tab,
notebook>header.right>tabs>tab {
    margin-top: 4px;
    margin-bottom: 4px;
}

notebook>header.top>tabs>tab {
    padding-bottom: 4px;
}

notebook>header.bottom>tabs>tab {
    padding-top: 4px;
}

notebook>stack:not(:only-child) {
    background-color: transparent;
}



/*SPINBUTTON, ENTRY*/


spinbutton,
entry {
    min-height: 34px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 6px;
    border-spacing: 6px;
    background-clip: padding-box;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    caret-color: currentColor;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
    outline: 0 solid transparent;
    outline-offset: 0px;
    border: none;
}

spinbutton:hover,
entry:hover {
    outline-color: rgba(255, 255, 255, 0.05);
    outline-width: 1px;
    outline-offset: -1px;
}

spinbutton:focus-within,
entry:focus-within {
    outline-color: rgba(255, 255, 255, 0.2);
    outline-width: 2px;
    outline-offset: -2px;
}

.osd spinbutton:focus-within,
.osd entry:focus-within {
    outline-color: rgba(255, 255, 255, 0.2);
}

spinbutton>text>block-cursor,
entry>text>block-cursor {
    color: white;
    background-color: transparent;
}

spinbutton>text {
    background-color: transparent;
    border-color: transparent;
    color: white;
}

spinbutton>text:focus {
    outline-color: transparent;
}

spinbutton.flat,
entry.flat:focus-within,
entry.flat:disabled,
entry.flat {
    min-height: 0;
    padding: 2px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

spinbutton:backdrop,
entry:backdrop,
spinbutton:disabled,
entry:disabled {
    filter: opacity(1);
    background-color: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.5);
    transition: 200ms;
}

spinbutton.error,
entry.error {
    color: white;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

spinbutton.error,
entry.error {
    outline: 0 solid transparent;
    outline-offset: 4px;
}

spinbutton.error:focus-within,
entry.error:focus-within {
    outline-color: rgba(237, 95, 93, 0.5);
    outline-width: 2px;
    outline-offset: -2px;
}

spinbutton.error>text>selection:focus-within,
entry.error>text>selection:focus-within {
    background-color: rgba(255, 255, 255, 0.2);
}

spinbutton.error>text>cursor-handle>contents,
entry.error>text>cursor-handle>contents {
    background-color: currentColor;
}

spinbutton.error>progress>trough>progress,
entry.error>progress>trough>progress {
    border-color: currentColor;
}

spinbutton.warning,
entry.warning {
    color: white;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

spinbutton.warning,
entry.warning {
    outline: 0 solid transparent;
    outline-offset: 4px;
}

spinbutton.warning:focus-within,
entry.warning:focus-within {
    outline-color: rgba(255, 184, 61, 0.5);
    outline-width: 2px;
    outline-offset: -2px;
}

spinbutton.warning>text>selection:focus-within,
entry.warning>text>selection:focus-within {
    background-color: rgba(255, 255, 255, 0.2);
}

spinbutton.warning>text>cursor-handle>contents,
entry.warning>text>cursor-handle>contents {
    background-color: currentColor;
}

spinbutton.warning>progress>trough>progress,
entry.warning>progress>trough>progress {
    border-color: currentColor;
}

spinbutton.success,
entry.success {
    color: white;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

spinbutton.success,
entry.success {
    outline: 0 solid transparent;
    outline-offset: 4px;
}

spinbutton.success:focus-within,
entry.success:focus-within {
    outline-color: rgba(121, 183, 87, 0.5);
    outline-width: 2px;
    outline-offset: -2px;
}

spinbutton.success>text>selection:focus-within,
entry.success>text>selection:focus-within {
    background-color: rgba(255, 255, 255, 0.2);
}

spinbutton.success>text>cursor-handle>contents,
entry.success>text>cursor-handle>contents {
    background-color: currentColor;
}

spinbutton.success>progress>trough>progress,
entry.success>progress>trough>progress {
    border-color: currentColor;
}

spinbutton>image,
entry>image {
    opacity: 1;
    color: rgba(255, 255, 255, 0.5);
}

spinbutton>image:hover,
entry>image:hover {
    opacity: 1;
    color: white;
}

spinbutton>image:active,
entry>image:active {
    opacity: 1;
}

spinbutton>image.left,
entry>image.left {
    margin-right: 6px;
}

spinbutton>image.right,
entry>image.right {
    margin-left: 6px;
}

spinbutton.password image.caps-lock-indicator,
entry.password image.caps-lock-indicator {
    opacity: 1;
    color: #ffb83d;
}

spinbutton:drop(active),
entry:drop(active):focus-within,
entry:drop(active) {
    border-color: transparent;
    box-shadow: none;
}

spinbutton>progress,
entry>progress {
    margin-bottom: 3px;
    border-radius: 6px;
    border-width: 0 0 2px;
    border-color: transparent;
    border-style: solid;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
}

spinbutton>progress>trough>progress,
entry>progress>trough>progress {
    background-color: transparent;
    background-image: none;
    border-radius: 6px;
    border-width: 0 0 2px;
    border-color: #1b82b3;
    border-style: solid;
    box-shadow: none;
}

.osd spinbutton>progress>trough>progress,
.osd entry>progress>trough>progress {
    border-color: #1b82b3;
}

treeview entry:focus-within:dir(rtl),
treeview entry:focus-within:dir(ltr) {
    background-color: rgba(255, 255, 255, 0.05);
    transition-property: color, background;
}

treeview entry.flat,
treeview entry {
    border-radius: 0;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.05);
}

treeview entry.flat:focus-within,
treeview entry:focus-within {
    border-color: rgba(255, 255, 255, 0.2);
}

dropdown .linked:not(.vertical)>button.combo arrow,
.linked:not(.vertical)>dropdown>box>button.combo arrow,
combobox .linked:not(.vertical)>button.combo arrow,
.linked:not(.vertical)>combobox>box>button.combo arrow {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: none;
    -gtk-icon-source: -gtk-scaled(url("assets/combobox/combobox-arrow-dark.png"), url("assets/combobox/combobox-arrow-dark@2.png"));
    min-height: 20px;
    min-width: 18px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    margin-right: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
}

dropdown .linked:not(.vertical)>button.combo arrow:backdrop,
.linked:not(.vertical)>dropdown>box>button.combo arrow:backdrop,
combobox .linked:not(.vertical)>button.combo arrow:backdrop,
.linked:not(.vertical)>combobox>box>button.combo arrow:backdrop,
dropdown .linked:not(.vertical)>button.combo arrow:disabled,
.linked:not(.vertical)>dropdown>box>button.combo arrow:disabled,
combobox .linked:not(.vertical)>button.combo arrow:disabled,
.linked:not(.vertical)>combobox>box>button.combo arrow:disabled {
    filter: opacity(50%);
}

dropdown .linked:not(.vertical)>button.combo:hover arrow,
.linked:not(.vertical)>dropdown>box>button.combo:hover arrow,
combobox .linked:not(.vertical)>button.combo:hover arrow,
.linked:not(.vertical)>combobox>box>button.combo:hover arrow {
    background-color: rgba(255, 255, 255, 0.15);
}

dropdown .linked:not(.vertical)>button.combo:checked arrow,
.linked:not(.vertical)>dropdown>box>button.combo:checked arrow,
combobox .linked:not(.vertical)>button.combo:checked arrow,
.linked:not(.vertical)>combobox>box>button.combo:checked arrow {
    background-color: transparent;
}

dropdown>.linked:not(.vertical)>entry:not(:only-child):first-child,
combobox>.linked:not(.vertical)>entry:not(:only-child):first-child {
    margin-right: -29px;
    border-radius: 6px;
    transition: 200ms;
}

dropdown>.linked:not(.vertical)>entry:hover,
combobox>.linked:not(.vertical)>entry:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

dropdown>.linked:not(.vertical)>entry:not(:only-child):first-child:backdrop,
combobox>.linked:not(.vertical)>entry:not(:only-child):first-child:backdrop,
dropdown>.linked:not(.vertical)>entry:not(:only-child):first-child:disabled,
combobox>.linked:not(.vertical)>entry:not(:only-child):first-child:disabled {
    transition: 200ms;
    color: rgba(255, 255, 255, 0.5);
}

dropdown>.linked:not(.vertical)>button:not(:only-child),
combobox>.linked:not(.vertical)>button:not(:only-child) {
    padding: 3px;
    border-radius: 2px;
    background-color: transparent;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 3px;
}

dropdown>.linked:not(.vertical)>button:not(:only-child):checked,
combobox>.linked:not(.vertical)>button:not(:only-child):checked {
    background-color: transparent;
}

dropdown>.linked:not(.vertical)>button:not(:only-child):backdrop,
combobox>.linked:not(.vertical)>button:not(:only-child):backdrop,
dropdown>.linked:not(.vertical)>button:not(:only-child):disabled,
combobox>.linked:not(.vertical)>button:not(:only-child):disabled {
    background-color: transparent;
}



/*EXPANDER*/


expander {
    min-width: 5px;
    min-height: 5px;
    color: rgba(255, 255, 255, 0.5);
    margin: 3px;
}

expander:hover {
    color: white;
}

expander:disabled {
    color: rgba(255, 255, 255, 0.5);
}

expander-widget {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

expander-widget>box>title {
    outline: 0 solid transparent;
    outline-offset: 4px;
}

expander-widget:focus:focus-visible>box>title {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

expander-widget>box>title {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 6px;
}

expander-widget>box>title>expander,
expander-widget>box>title:hover>expander,
expander-widget>box>title:active>expander {
    opacity: 1;
}

expander-widget>box>title:backdrop,
expander-widget>box>title:disabled {
    color: rgba(255, 255, 255, 0.5);
}



placesview .server-list-button>image {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -gtk-icon-transform: rotate(0turn);
}

placesview .server-list-button:checked>image {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -gtk-icon-transform: rotate(-0.5turn);
}

placesview>actionbar>revealer>box>box {
    border-spacing: 6px;
}



/*BOTTOM NOTIFICATION, VIDEOPLAYER OSD*/


.osd popover>contents,
popover.touch-selection>arrow,
popover.touch-selection>contents,
popover.magnifier>arrow,
popover.magnifier>contents,
toast,
.app-notification,
.osd {
    color: white;
    border: none;
    background-color: #333333;
    background-clip: padding-box;
    padding: 6px;
    margin: 20px;
    border-radius: 8px;
}

.osd popover>arrow {
    background-color: transparent;
}

.osd popover>contents:backdrop,
popover.touch-selection>arrow:backdrop,
popover.touch-selection>contents:backdrop,
popover.magnifier>arrow:backdrop,
popover.magnifier>contents:backdrop,
toast,
.app-notification,
.osd {
    color: rgba(255, 255, 255, 0.5);
    background-color: #333333;
}

.osd popover>arrow:backdrop {
    background-color: transparent;
}

.osd.circular {
    border-radius: 100%;
}

video {
    background: black;
}

video image.osd {
    min-width: 64px;
    min-height: 64px;
    border-radius: 32px;
}



/*INFOBAR*/


infobar>revealer>box {
    padding: 8px;
    border-spacing: 12px;
    box-shadow: none;
    color: white;
    border-color: transparent;
}

infobar.action:hover>revealer>box {
    background-color: rgba(255, 255, 255, 0.1);
}

infobar.action:active>revealer>box {
    background-color: rgba(255, 255, 255, 0.05);
}

infobar.info>revealer>box {
    background-color: rgba(255, 255, 255, 0.05);
}

infobar.question>revealer>box {
    background-color: rgba(255, 255, 255, 0.05);
}

infobar.warning>revealer>box {
    background-color: rgba(255, 184, 61, 0.5);
}

infobar.error>revealer>box {
    background-color: rgba(237, 95, 93, 0.5);
}

infobar>revealer>box:backdrop,
infobar>revealer>box:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}

infobar .close {
    min-width: 18px;
    min-height: 18px;
    padding: 4px;
    border-radius: 50%;
}



/*TOOLTIP*/


tooltip {
    padding: 6px 10px;
    border-radius: 9px;
    box-shadow: none;
}

tooltip.background {
    background-color: #333333;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: white;
}

tooltip>box {
    border-spacing: 6px;
}



/*SPINNER*/


spinner {
    background: none;
    opacity: 0;
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
}

spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite;
}

spinner:checked:disabled {
    opacity: 0.5;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}



/*POPOVERS*/


popover.background {
    background-color: transparent;
    font: initial;
}

popover>arrow,
popover>contents {
    background-color: #333333;
    color: white;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    margin-top: 3px;
}

popover>arrow {
    background-color: transparent;
    border: none;
}

popover>contents {
    padding: 8px;
    border-radius: 8px;
}

popover>contents>list,
popover>contents>.view,
popover>contents>toolbar {
    border-style: none;
    background-color: transparent;
}

.osd popover.background {
    background-color: transparent;
    border-color: transparent;
}

.osd popover,
popover.touch-selection,
popover.magnifier {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

.osd popover>arrow,
popover.touch-selection>arrow,
popover.magnifier>arrow {
    border: none;
    box-shadow: none;
}



/*MODELBUTTONS IN POPOVERS*/


popover.menu modelbutton {
    min-height: 30px;
    min-width: 40px;
    padding: 0 12px;
    border-radius: 6px;
}

popover.menu modelbutton:hover,
popover.menu modelbutton:selected {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

popover.menu modelbutton:active {
    background-color: rgba(255, 255, 255, 0.05);
}

popover.menu modelbutton arrow {
    background: none;
    min-width: 16px;
    min-height: 16px;
    opacity: 0.3;
}

popover.menu modelbutton arrow:hover {
    background: none;
}

popover.menu modelbutton arrow:disabled {
    filter: opacity(0.5);
}

popover.menu modelbutton arrow.left {
    -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}

popover.menu modelbutton arrow.right {
    -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}



/*POPOVERS IN LIST*/


popover.menu label.title {
    font-weight: bold;
    padding: 4px 32px;
}

popover.menu list,
popover.menu listview {
    background: none;
    color: inherit;
}

popover.menu list>row,
popover.menu listview>row {
    min-height: 30px;
    min-width: 40px;
    padding: 0 12px;
    border-radius: 6px;
}

popover.menu list>row:selected,
popover.menu listview>row:selected {
    background: none;
}

popover.menu list>row:hover,
popover.menu list>row:hover:selected.activatable,
popover.menu listview>row:hover,
popover.menu listview>row:hover:selected.activatable {
    background-color: rgba(255, 255, 255, 0.1);
}

popover.menu list>row:active,
popover.menu list>row:active:selected.activatable,
popover.menu listview>row:active,
popover.menu listview>row:active:selected.activatable {
    background-color: rgba(255, 255, 255, 0.5);
}

popover.menu list>row.has-open-popup,
popover.menu list>row.has-open-popup:selected.activatable,
popover.menu listview>row.has-open-popup,
popover.menu listview>row.has-open-popup:selected.activatable {
    background-color: rgba(255, 255, 255, 0.1);
}

popover.menu list>row>box,
popover.menu listview>row>box {
    border-spacing: 6px;
}

popover.menu contents>list,
popover.menu contents>listview,
popover.menu scrolledwindow>viewport>list,
popover.menu scrolledwindow>listview {
    padding: 6px 0;
}

popover.menu contents>list>row,
popover.menu contents>listview>row,
popover.menu scrolledwindow>viewport>list>row,
popover.menu scrolledwindow>listview>row {
    margin: 0 6px;
    min-height: 30px;
    min-width: 40px;
    padding: 0 12px;
}

dropdown button label {
    margin: 0 5px;
}

dropdown button arrow {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: none;
    -gtk-icon-source: -gtk-scaled(url("assets/combobox/combobox-arrow-dark.png"), url("assets/combobox/combobox-arrow-dark@2.png"));
    min-height: 20px;
    min-width: 18px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    margin-right: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

dropdown button:hover arrow {
    background-color: rgba(255, 255, 255, 0.15);
}

dropdown button:checked arrow {
    background-color: rgba(255, 255, 255, 0);
}

dropdown button:backdrop arrow,
dropdown button:disabled arrow {
    background-color: rgba(255, 255, 255, 0.08);
}

window.aboutdialog image.large-icons {
    -gtk-icon-size: 128px;
}

dropdown>popover.menu>contents {
    padding: 0;
}

dropdown>button>box {
    border-spacing: 6px;
}

dropdown>button>box>stack>row.activatable:hover,
dropdown>button>box>stack>row.activatable:active {
    background: none;
}

dropdown arrow,
combobox arrow {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
    min-height: 16px;
    min-width: 16px;
}

dropdown:drop(active),
combobox:drop(active) {
    box-shadow: none;
}

dropdown popover,
combobox popover {
    padding-top: 6px;
}

dropdown popover listview>row,
combobox popover listview>row {
    min-width: 0;
}

dropdown popover .dropdown-searchbar,
combobox popover .dropdown-searchbar {
    padding: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}



/*POPOVER MENU*/


popover.menu box.inline-buttons {
    padding: 0 12px;
}

popover.menu box.inline-buttons button.image-button.model {
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    border: none;
    outline: none;
    transition: none;
}

popover.menu box.inline-buttons button.image-button.model:selected {
    background-color: rgba(255, 255, 255, 0.1);
}

popover.menu box.inline-buttons button.image-button.model:selected:active {
    background-color: rgba(255, 255, 255, 0.05);
}

popover.menu box.circular-buttons {
    padding: 12px 12px 6px;
}

popover.menu box.circular-buttons button.circular.image-button.model {
    outline: none;
    padding: 4px 8px;
    box-shadow: none;
}

popover.menu box.circular-buttons button.circular.image-button.model:selected {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

popover.menu box.circular-buttons button.circular.image-button.model:selected:active {
    background-color: rgba(255, 255, 255, 0.1);
}

popover.menu>contents {
    padding: 0;
}

popover.menu>contents>stack>box,
popover.menu>contents>scrolledwindow>viewport>stack>box {
    padding: 6px;
}

popover.menu separator {
    margin: 6px 0;
}

popover.menu list separator {
    margin: 0;
}

popover.menu accelerator {
    color: rgba(255, 255, 255, 0.5);
}

popover.menu accelerator:dir(ltr) {
    margin-left: 12px;
}

popover.menu accelerator:dir(rtl) {
    margin-right: 12px;
}



/*HEADERBAR*/


headerbar {
    min-height: 47px;
    margin-left: -1px;
    margin-right: -1px;
    color: white;
    background-color: transparent;
    box-shadow: none;
    background-image: none;
    border-color: transparent;
    border-bottom: 1px solid transparent;
    padding-right: 2px;
    padding-left: 3px;
}

headerbar:backdrop {
    background-color: transparent;
    transition: 200ms ease-out;
}

headerbar>windowhandle>box {
    padding: 0 7px 1px 7px;
}

headerbar>windowhandle>box,
headerbar>windowhandle>box>box.start,
headerbar>windowhandle>box>box.end {
    border-spacing: 6px;
}

headerbar:backdrop>windowhandle {
    filter: opacity(1);
    transition: 200ms ease-out;
}

headerbar.default-decoration {
    min-height: 37px;
}

headerbar.default-decoration>windowhandle>box {
    padding: 0 4px 1px 4px;
}

headerbar.default-decoration windowcontrols>button {
    min-height: 22px;
    min-width: 22px;
    margin: 0;
    padding: 4px;
}

headerbar.default-decoration windowcontrols>.icon {
    margin: 7px;
}

headerbar.flat {
    background: none;
    box-shadow: none;
    color: inherit;
    min-height: 46px;
}

headerbar.flat>windowhandle>box {
    padding-bottom: 0;
}

headerbar.flat.default-decoration {
    min-height: 36px;
}

.solid-csd headerbar:backdrop:dir(rtl),
.solid-csd headerbar:backdrop:dir(ltr),
.solid-csd headerbar:dir(rtl),
.solid-csd headerbar:dir(ltr) {
    margin-top: -1px;
}

.solid-csd headerbar:backdrop:dir(rtl)>windowhandle>box,
.solid-csd headerbar:backdrop:dir(ltr)>windowhandle>box,
.solid-csd headerbar:dir(rtl)>windowhandle>box,
.solid-csd headerbar:dir(ltr)>windowhandle>box {
    padding-top: 1px;
}

.titlebar:not(headerbar) separator {
    background-color: rgba(255, 255, 255, 0.1);
}

headerbar .title,
windowtitle .title {
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
}

headerbar .title:backdrop,
windowtitle .title:backdrop,
headerbar .title:disabled,
windowtitle .title:disabled {
    color: rgba(255, 255, 255, 0.5);
}

headerbar .subtitle,
windowtitle .subtitle {
    font-size: smaller;
    padding-left: 12px;
    padding-right: 12px;
}

headerbar .subtitle:backdrop,
windowtitle .subtitle:backdrop,
headerbar .subtitle:disabled,
windowtitle .subtitle:disabled {
    color: rgba(255, 255, 255, 0.5);
}

window.devel headerbar>windowhandle {
    background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent));
    background-repeat: repeat-x;
}



/*WINDOWCONTROLS*/


windowcontrols {
    border-spacing: 6px;
    margin-right: 10px;
}

windowcontrols>.icon {
    margin: 9px;
}

windowcontrols.start:not(.empty):dir(ltr),
windowcontrols.end:not(.empty):dir(rtl) {
    margin-right: 8px;
}

windowcontrols.start:not(.empty):dir(rtl),
windowcontrols.end:not(.empty):dir(ltr) {
    margin-left: 8px;
}

windowcontrols>button {
    min-width: 24px;
    margin: 0;
    padding: 5px;
    box-shadow: none;
}

windowcontrols>button>image {
    background-color: transparent;
    border-radius: 9999px;
    padding: 2px;
    transition: none;
}

windowcontrols button.close,
windowcontrols button.maximize,
windowcontrols button.minimize {
    min-width: 16px;
    min-height: 16px;
    padding: 3px;
    margin: 0;
    margin-right: -4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-color: transparent;
    border-radius: 9999px;
    transition: 200ms;
    color: white;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action)>image {
    background: none;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action):hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    transition: 200ms;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action):active {
    background-color: rgba(255, 255, 255, 0.06);
    color: white;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action).close:hover {
    background-color: #ed5f5d;
    color: #252525;
    transition: 200ms;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action).close:active {
    background-color: #cf5251;
    color: #252525;
    transition: 200ms;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action):backdrop:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    transition: 200ms;
}

windowcontrols>button:not(.suggested-action):not(.destructive-action):backdrop {
    color: rgba(255, 255, 255, 0.5);
}

windowcontrols>button:not(.suggested-action):not(.destructive-action):backdrop:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}



/*VIEWSWITCHER*/


viewswitcher {
    margin: 0;
}

viewswitcher.wide {
    border-spacing: 0px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.05);
    margin-top: 6px;
    margin-bottom: 6px;
}

viewswitcher.wide button.toggle {
    border-radius: 0;
}

viewswitcher.wide button.toggle:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

viewswitcher.wide button.toggle:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

viewswitcher.wide button.toggle:checked,
viewswitcher.wide button.toggle.flat:checked {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

viewswitcher.wide button.toggle:checked:backdrop,
viewswitcher.wide button.toggle.flat:checked:backdrop,
viewswitcher.wide button.toggle:checked:disabled,
viewswitcher.wide button.toggle.flat:checked:disabled {
    color: rgba(255, 255, 255, 0.5);
}

viewswitcher.wide button.toggle:checked indicatorbin.needs-attention>indicator,
viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention>indicator {
    background-color: #1b82b3;
}

viewswitcher.narrow button.toggle {
    border-radius: 0px;
    margin-top: 5px;
    border: none;
    background-color: rgba(255, 255, 255, 0.05);
}

viewswitcher.narrow button.toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

viewswitcher.narrow button.toggle:checked {
    background-color: rgba(255, 255, 255, 0.1);
}

viewswitcher.narrow button.toggle:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

viewswitcher.narrow button.toggle:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

viewswitcher.narrow button.toggle:backdrop,
viewswitcher.narrow button.toggle:disabled {
    color: rgba(255, 255, 255, 0.5);
}

viewswitcher button.toggle {
    font-weight: bold;
    padding: 0;
    min-height: 0;
    margin: 0;
}

viewswitcher button.toggle>stack>box.narrow {
    font-size: 0.75rem;
    padding-top: 7px;
    padding-bottom: 5px;
    border-spacing: 4px;
}

viewswitcher button.toggle>stack>box.narrow>stack>label {
    padding-left: 8px;
    padding-right: 8px;
}

viewswitcher button.toggle>stack>box.wide {
    padding: 0 12px;
    border-spacing: 6px;
}

viewswitcherbar actionbar>revealer>box {
    padding: 0;
}

viewswitchertitle viewswitcher {
    margin-left: 12px;
    margin-right: 12px;
}



/*COLORSWATCH*/


colorswatch {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    border-radius: 4px;
    margin: 2px;
    outline: 0 solid transparent;
    outline-offset: 0px;
}

colorswatch:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

colorswatch overlay {
    border-radius: 6px;
}

colorswatch overlay:hover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

colorswatch.dark>overlay {
    color: white;
    border-color: transparent;
}

colorswatch.dark overlay:hover {
    border-color: transparent;
}

colorswatch.light>overlay {
    color: #252525;
    border-color: transparent;
}

colorswatch.light overlay:hover {
    border-color: transparent;
}

colorswatch:drop(active).light>overlay {
    box-shadow: none;
}

colorswatch:drop(active).dark>overlay {
    box-shadow: none;
}

colorswatch#add-color-button>overlay {
    border-radius: 6px;
    color: white;
    background-color: rgba(255, 255, 255, 0.05);
    transition: 200ms;
    box-shadow: none;
}

colorswatch#add-color-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transition: 200ms;
}

colorswatch#add-color-button:only-child>overlay {
    border-radius: 6px;
}

colorswatch:disabled {
    filter: opacity(0.5);
}

colorswatch:disabled overlay {
    border-color: transparent;
}

colorswatch#editor-color-sample {
    border-radius: 6px;
}

colorswatch#editor-color-sample>overlay {
    border-radius: 6px;
}



/*COLOR PICKER BOARD*/


plane {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    outline: 0 solid transparent;
    outline-offset: 0px;
}

plane:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

colorchooser .popover.osd {
    border-radius: 12px;
}

.dialog-action-area {
    margin: 6px;
    border-spacing: 6px;
}



/*PRINT DIALOG*/


window.dialog.print drawing {
    color: white;
    background: none;
    border: none;
    padding: 0;
}

window.dialog.print drawing paper {
    background-clip: padding-box;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    padding: 0;
}

window.dialog.print drawing:backdrop,
window.dialog.print drawing:disabled,
window.dialog.print drawing paper:backdrop,
window.dialog.print drawing paper:disabled {
    color: rgba(255, 255, 255, 0.5);
}



/*WINDOWS ASSISTANS*/


window.assistant .sidebar {
    background-color: transparent;
    padding: 6px;
    background-clip: padding-box;
}

window.assistant.csd .sidebar {
    border-top-style: none;
}

window.assistant .sidebar>label {
    padding: 10px 12px;
    border-radius: 6px;
}

window.assistant .sidebar>label.highlight {
    background-color: #1b82b3;
    color: white;
}



/*STATUSBAR*/


statusbar {
    padding: 6px 12px;
}



/*STATUSPAGE*/


statuspage>scrolledwindow>viewport>box {
    margin: 36px 12px;
    border-spacing: 36px;
}

statuspage>scrolledwindow>viewport>box>clamp>box {
    border-spacing: 12px;
}

statuspage>scrolledwindow>viewport>box>clamp>box>.icon {
    -gtk-icon-size: 128px;
    color: alpha(currentColor, 0.55);
}

statuspage>scrolledwindow>viewport>box>clamp>box>.icon:disabled {
    opacity: 0.5;
}

statuspage>scrolledwindow>viewport>box>clamp>box>.icon:not(:last-child) {
    margin-bottom: 24px;
}

statuspage.compact>scrolledwindow>viewport>box {
    margin: 24px 12px;
    border-spacing: 24px;
}

statuspage.compact>scrolledwindow>viewport>box>clamp>box>.icon {
    -gtk-icon-size: 96px;
}

statuspage.compact>scrolledwindow>viewport>box>clamp>box>.icon:not(:last-child) {
    margin-bottom: 12px;
}

statuspage.compact>scrolledwindow>viewport>box>clamp>box>.title {
    font-size: 18pt;
}



/*KEYBOARD*/


shortcut>.keycap {
    min-width: 16px;
    min-height: 20px;
    padding: 7px 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: white;
}

.osd shortcut>.keycap,
shortcut>.osd.keycap {
    background-color: rgba(255, 255, 255, 0.05);
    color: inherit;
    box-shadow: none;
}

shortcuts-section {
    margin: 20px;
}

.shortcuts-search-results {
    margin: 20px;
    border-spacing: 24px;
}

shortcut {
    border-spacing: 6px;
}

shortcut>.keycap {
    min-width: 20px;
    min-height: 25px;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: smaller;
}



/*CARD*/


.card {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    min-width: 16px;
    min-height: 20px;
    padding: 7px 10px;
    background-color: transparent;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: white;
    outline: 0 solid transparent;
    outline-offset: 5px;
}

.osd .card,
.card.osd {
    background-color: transparent;
    color: inherit;
    box-shadow: none;
}

.card:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd .card:focus:focus-visible,
.card.osd:focus:focus-visible {
    outline-color: transparent;
}

.card.activatable {
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card.activatable:hover {
    background-image: image(rgba(255, 255, 255, 0.1));
}

.card.activatable:active {
    background-image: image(rgba(255, 255, 255, 0.05));
}



/*EMOJIS*/

popover.emoji-picker {
    padding: 0;
    border-radius: 12px;
}

popover.emoji-picker>contents {
    padding: 0;
}

.emoji-searchbar {
    padding: 6px;
    border-spacing: 6px;
    border-color: transparent;
}

.emoji-toolbar {
    padding: 2px;
    border-spacing: 2px;
    border-color: transparent;
}

button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
    min-width: 32px;
    min-height: 32px;
    border-radius: 6px;
}

button.emoji-section {
    min-width: 32px;
    min-height: 32px;
    padding: 1px 12px;
    border-radius: 6px;
    border: none;
    outline-offset: 0px;
    box-shadow: none;
    transition: none;
    animation: none;
    color: white;
}

popover.emoji-picker emoji {
    font-size: x-large;
    padding: 6px;
    border-radius: 6px;
    transition: 200ms;
}

popover.emoji-picker emoji:focus,
popover.emoji-picker emoji:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

popover.emoji-picker emoji:active {
    background-color: rgba(255, 255, 255, 0.05);
}

popover.emoji-picker emoji:disabled:focus,
popover.emoji-picker emoji:disabled:hover {
    color: rgba(255, 255, 255, 0.05);
}

popover.emoji-picker scrolledwindow.view {
    background: none;
    color: inherit;
}

popover.emoji-picker scrolledwindow.view>undershoot.top {
    box-shadow: none;
}

popover.emoji-picker scrolledwindow.view>undershoot.bottom {
    box-shadow: none;
}

popover.emoji-completion>contents {
    padding: 6px;
    padding-bottom: 4px;
}

emoji-completion-row {
    padding: 6px;
    margin-bottom: 2px;
    border-radius: 6px;
}

emoji-completion-row:dir(ltr) {
    padding-right: 12px;
}

emoji-completion-row:dir(rtl) {
    padding-left: 12px;
}

emoji-completion-row>box {
    border-spacing: 6px;
    padding: 3px 10px;
}

emoji-completion-row:focus,
emoji-completion-row:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

emoji-completion-row:active {
    background-color: rgba(255, 255, 255, 0.05);
}

button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
menubutton.circular>button,
button.circular {
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: 9999px;
}

button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label,
menubutton.circular>button label,
button.circular label {
    padding: 0;
}

menubutton.pill>button,
button.pill {
    padding: 10px 32px;
    border-radius: 9999px;
}

/*infobutton in 3th page (tabs)*/
menubutton.circular>button {
    margin-right: 3px;
}



/*FILECHOOSER*/


filechooser {
    box-shadow: transparent;
    background-color: #252525;
    border-radius: 0 0 12px 12px;
}

filechooser #pathbarbox {
    border-bottom: 0px solid transparent;
}

filechooser pathbar>button.text-button,
filechooser pathbar>button.image-button,
filechooser pathbar>button {
    padding-left: 5px;
    padding-right: 5px;
}

filechooser pathbar>button.text-button.image-button label {
    padding-left: 0;
    padding-right: 0;
}

filechooser pathbar>button.text-button.image-button label:last-child,
filechooser pathbar>button label:last-child {
    padding-right: 8px;
}

filechooser pathbar>button.text-button.image-button label:first-child,
filechooser pathbar>button label:first-child {
    padding-left: 8px;
}

filechooser pathbar>button image {
    padding-left: 4px;
    padding-right: 4px;
}

filechooser pathbar>button.slider-button {
    padding-left: 0;
    padding-right: 0;
}



/*LINKED*/


.linked:not(.vertical)>button:dir(ltr):not(:first-child),
.linked:not(.vertical)>button:dir(rtl):not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>button:dir(ltr):not(:last-child),
.linked:not(.vertical)>button:dir(rtl):not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical button:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical button:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>menubutton:dir(ltr):not(:first-child)>button,
.linked:not(.vertical)>menubutton:dir(rtl):not(:last-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>menubutton:dir(ltr):not(:last-child)>button,
.linked:not(.vertical)>menubutton:dir(rtl):not(:first-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical menubutton:not(:first-child)>button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical menubutton:not(:last-child)>button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>dropdown:dir(ltr):not(:first-child)>button,
.linked:not(.vertical)>dropdown:dir(rtl):not(:last-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>dropdown:dir(ltr):not(:last-child)>button,
.linked:not(.vertical)>dropdown:dir(rtl):not(:first-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical dropdown:not(:first-child)>button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical dropdown:not(:last-child)>button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>colorbutton:dir(ltr):not(:first-child)>button,
.linked:not(.vertical)>colorbutton:dir(rtl):not(:last-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>colorbutton:dir(ltr):not(:last-child)>button,
.linked:not(.vertical)>colorbutton:dir(rtl):not(:first-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical colorbutton:not(:first-child)>button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical colorbutton:not(:last-child)>button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>fontbutton:dir(ltr):not(:first-child)>button,
.linked:not(.vertical)>fontbutton:dir(rtl):not(:last-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>fontbutton:dir(ltr):not(:last-child)>button,
.linked:not(.vertical)>fontbutton:dir(rtl):not(:first-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical fontbutton:not(:first-child)>button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -0px;
}

.linked.vertical fontbutton:not(:last-child)>button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>combobox:dir(ltr):not(:first-child)>box>button.combo,
.linked:not(.vertical)>combobox:dir(rtl):not(:last-child)>box>button.combo {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>combobox:dir(ltr):not(:last-child)>box>button.combo,
.linked:not(.vertical)>combobox:dir(rtl):not(:first-child)>box>button.combo {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical combobox:not(:first-child)>box>button.combo {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical combobox:not(:last-child)>box>button.combo {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>appchooserbutton:dir(ltr):not(:first-child)>combobox>box>button.combo,
.linked:not(.vertical)>appchooserbutton:dir(rtl):not(:last-child)>combobox>box>button.combo {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>appchooserbutton:dir(ltr):not(:last-child)>combobox>box>button.combo,
.linked:not(.vertical)>appchooserbutton:dir(rtl):not(:first-child)>combobox>box>button.combo {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical appchooserbutton:not(:first-child)>combobox>box>button.combo {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical appchooserbutton:not(:last-child)>combobox>box>button.combo {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>spinbutton:dir(ltr):not(:first-child),
.linked:not(.vertical)>spinbutton:dir(rtl):not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>spinbutton:dir(ltr):not(:last-child),
.linked:not(.vertical)>spinbutton:dir(rtl):not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical spinbutton:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical spinbutton:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.linked:not(.vertical)>entry:dir(ltr):not(:first-child),
.linked:not(.vertical)>entry:dir(rtl):not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
}

.linked:not(.vertical)>entry:dir(ltr):not(:last-child),
.linked:not(.vertical)>entry:dir(rtl):not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.linked.vertical entry:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.linked.vertical entry:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



/*RICH LIST*/


.rich-list {}

.rich-list>row {
    min-height: 32px;
    padding: 10px 12px;
}

.rich-list>row>box {
    border-spacing: 12px;
}



/*NAVIGATION SIDEBAR*/


.navigation-sidebar {
    padding: 3px 0;
}

.navigation-sidebar>separator {
    margin: 10px;
}

.navigation-sidebar,
.navigation-sidebar.view {
    background-color: transparent;
    color: inherit;
}

.navigation-sidebar.background {
    background-color: transparent;
    color: white;
}

.navigation-sidebar>row {
    min-height: 36px;
    padding: 0 8px;
    border-radius: 6px;
    margin: 0 6px 2px;
}

.navigation-sidebar>row:hover,
.navigation-sidebar>row:focus-visible:focus-within {
    background-color: rgba(222, 222, 222, 0.05);
}

.navigation-sidebar>row:active {
    color: white;
    background-color: rgba(222, 222, 222, 0.03);
}

.navigation-sidebar>row:selected {
    background-color: rgba(222, 222, 222, 0.1);
}

.navigation-sidebar>row:selected:hover {
    background-color: rgba(222, 222, 222, 0.1);
}

.navigation-sidebar>row:selected:active {
    background-color: rgba(222, 222, 222, 0.1);
}

.navigation-sidebar>row:selected:focus-visible:focus-within {
    outline-width: 0;
    background-color: rgba(255, 255, 255, 0.08);
}

.navigation-sidebar>row:selected:focus-visible:focus-within:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.navigation-sidebar>row label:checked:backdrop,
.navigation-sidebar>row label:backdrop,
.navigation-sidebar>row label:disabled {
    color: rgba(255, 255, 255, 0.5);
}



/*PLACESSIDEBAR*/


row image.sidebar-icon {
    opacity: 0.7;
}

placessidebar .navigation-sidebar>row {
    min-height: 36px;
    padding: 2px 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

placessidebar .navigation-sidebar>row>revealer {
    padding: 0 10px;
}

placessidebar .navigation-sidebar>row image.sidebar-icon:dir(ltr) {
    padding-right: 6px;
}

placessidebar .navigation-sidebar>row image.sidebar-icon:dir(rtl) {
    padding-left: 6px;
}

placessidebar .navigation-sidebar>row label.sidebar-label:dir(ltr) {
    padding-right: 6px;
}

placessidebar .navigation-sidebar>row label.sidebar-label:dir(rtl) {
    padding-left: 6px;
}

placessidebar .navigation-sidebar>row button.sidebar-button {
    min-width: 22px;
    min-height: 22px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
    border-radius: 9999px;
}

placessidebar .navigation-sidebar>row:selected:active {
    box-shadow: none;
}

placessidebar .navigation-sidebar>row.sidebar-placeholder-row {
    padding: 0 8px;
    min-height: 2px;
    background-image: image(#1b82b3);
    background-clip: content-box;
}

placessidebar .navigation-sidebar>row.sidebar-new-bookmark-row {
    color: white;
}

placessidebar .navigation-sidebar>row:drop(active):not(:disabled) {
    color: #1b82b3;
    box-shadow: none;
}



/*PANED SEPARATOR*/


paned>separator {
    min-width: 1px;
    min-height: 1px;
    background: none;
    background-size: 1px 1px;
}

paned>separator.wide {
    min-width: 5px;
    min-height: 5px;
}

paned.horizontal>separator:dir(ltr) {
    margin: 0 -8px 0 0;
    padding: 0 8px 0 0;
    box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1);
}

paned.horizontal>separator:dir(rtl) {
    margin: 0 0 0 -8px;
    padding: 0 0 0 8px;
    box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1);
}

paned.horizontal>separator.wide {
    margin: 0;
    padding: 0;
    box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1), inset -1px 0 rgba(255, 255, 255, 0.1);
}

paned.vertical>separator {
    margin: 0 0 -8px 0;
    padding: 0 0 8px 0;
    box-shadow: inset 0 1px alpha(currentColor, 0.15);
}

paned.vertical>separator.wide {
    margin: 0;
    padding: 0;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.1);
}



/*PREFERENCESPAGE*/


preferencespage>scrolledwindow>viewport>clamp>box {
    margin: 24px 12px;
    border-spacing: 24px;
}

preferencesgroup>box,
preferencesgroup>box .labels {
    border-spacing: 6px;
}

preferencesgroup>box>box.header:not(.single-line) {
    margin-bottom: 6px;
}

preferencesgroup>box>box.single-line {
    min-height: 34px;
}



/*SIDEBAR, STACKSIDEBAR*/


.sidebar {
    border-style: none;
    background-color: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar listview.view,
.sidebar list {
    background-color: transparent;
    color: inherit;
}

.sidebar list>separator {
    min-height: 0;
    background: none;
    border: none;
}

paned .sidebar.left,
paned .sidebar.right,
paned .sidebar.left:dir(rtl),
paned .sidebar:dir(rtl),
paned .sidebar:dir(ltr),
paned .sidebar {
    border-style: none;
    border: none;
}

stacksidebar row {
    padding: 10px 4px;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    outline: 0 solid transparent;
    outline-offset: 0px;
}

stacksidebar row:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

stacksidebar row>label {
    padding-left: 6px;
    padding-right: 6px;
}

stacksidebar row.needs-attention>label {
    background-size: 6px 6px, 0 0;
}



/*TREEVIEW, COLIMNVIEW*/


treeview.view {
    border-left-color: transparent;
    border-top-color: transparent;
}

columnview.view,
treeview.view {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    border-left-color: transparent;
    border-top-color: #474747;
    color: white;
    padding: 1px;
    outline: 0 solid transparent;
    outline-offset: 40px;
}

columnview.view:focus:focus-visible,
treeview.view:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

columnview.view:active,
columnview.view:selected:active,
treeview.view:active,
treeview.view:selected:active {
    box-shadow: none;
}

columnview.view:selected:focus,
columnview.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
    border-radius: 0px;
    border-top-color: transparent;
    background-color: rgba(255, 255, 255, 0.1);
}

columnview.view:backdrop,
treeview.view:backdrop,
columnview.view:disabled,
treeview.view:disabled,
columnview.view:disabled:selected,
treeview.view:disabled:selected {
    color: rgba(255, 255, 255, 0.5);
}

columnview.view.separator,
treeview.view.separator {
    min-height: 2px;
    color: rgba(255, 255, 255, 0.1);
}

columnview.view:drop(active),
treeview.view:drop(active) {
    box-shadow: none;
}

columnview.view>dndtarget:drop(active),
treeview.view>dndtarget:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: #739fe8;
}

columnview.view>dndtarget:drop(active).after,
treeview.view>dndtarget:drop(active).after {
    border-top-style: none;
}

columnview.view>dndtarget:drop(active).before,
treeview.view>dndtarget:drop(active).before {
    border-bottom-style: none;
}

columnview.view.expander,
treeview.view.expander {
    min-width: 16px;
    min-height: 16px;
    color: rgba(255, 255, 255, 0.5);
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

columnview.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
}

columnview.view.expander:hover,
treeview.view.expander:hover {
    color: white;
}

columnview.view.expander:active,
treeview.view.expander:active {
    color: rgba(255, 255, 255, 0.5);
}

columnview.view.expander:checked,
treeview.view.expander:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

columnview.view.expander:disabled,
treeview.view.expander:disabled {
    color: rgba(255, 255, 255, 0.5);
}

columnview.view.progressbar,
treeview.view.progressbar {
    box-shadow: none;
    color: white;
    border-radius: 6px;
    background: #1b82b3;
}

columnview.view.progressbar,
columnview.view.progressbar:selected,
treeview.view.progressbar,
treeview.view.progressbar:selected {
    box-shadow: none;
    border-radius: 6px;
    background: #1b82b3;
}

columnview.view.trough,
treeview.view.trough {
    color: white;
    background-color: transparent;
    border-radius: 6px;
    border-width: 0;
}

columnview.view.trough:selected,
columnview.view.trough:selected:focus,
treeview.view.trough:selected,
treeview.view.trough:selected:focus {
    background-color: transparent;
    border-radius: 6px;
    border-width: 0;
}

columnview.view>header>button,
treeview.view>header>button {
    line-height: 100%;
    min-height: 26px;
    min-width: 38px;
    padding: 0 6px;
    font-weight: bold;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-style: none solid none none;
    border-radius: 0;
    border-image: none;
}

columnview.view>header>button>box,
treeview.view>header>button>box {
    color: white;
    font-weight: normal;
    font-size: 12pt;
    border-spacing: 6px;
}

columnview.view>header>button:hover>box,
treeview.view>header>button:hover>box {
    color: rgba(255, 255, 255, 0.5);
    box-shadow: none;
}

columnview.view>header>button:active>box,
treeview.view>header>button:active>box {
    color: rgba(255, 255, 255, 0.3);
}

columnview.view>header>button:backdrop>box,
treeview.view>header>button:backdrop>box,
columnview.view>header>button:disabled>box,
treeview.view>header>button:disabled>box {
    color: rgba(255, 255, 255, 0.5);
}

columnview.view>header>button:active,
columnview.view>header>button:hover,
treeview.view>header>button:active,
treeview.view>header>button:hover {
    background-color: transparent;
}

columnview.view>header>button sort-indicator,
treeview.view>header>button sort-indicator {
    min-height: 16px;
    min-width: 16px;
}

columnview.view>header>button sort-indicator.ascending,
treeview.view>header>button sort-indicator.ascending {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

columnview.view>header>button sort-indicator.descending,
treeview.view>header>button sort-indicator.descending {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

columnview.view button.dnd:active,
columnview.view button.dnd:selected,
columnview.view button.dnd:hover,
columnview.view button.dnd,
columnview.view header.button.dnd:active,
columnview.view header.button.dnd:selected,
columnview.view header.button.dnd:hover,
columnview.view header.button.dnd,
treeview.view button.dnd:active,
treeview.view button.dnd:selected,
treeview.view button.dnd:hover,
treeview.view button.dnd,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd {
    padding: 0 6px;
    transition: none;
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    border-style: none;
}

columnview.view acceleditor>label,
treeview.view acceleditor>label {
    background-color: transparent;
}

treeview.view>header>button {
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

columnview>listview>row {
    padding: 0;
}

columnview>listview>row>cell {
    padding: 8px 6px;
}

columnview>listview>row>cell:not(:first-child) {
    border-left: 1px solid transparent;
}

columnview>header>button {
    padding-left: 6px;
    padding-right: 6px;
    border-left: 1px solid transparent;
}

columnview>header>button:first-child {
    border-left-width: 0;
}

columnview.column-separators>listview>row>cell,
columnview.column-separators>header>button {
    border-left-color: rgba(255, 255, 255, 0.1);
}

columnview>listview:not(.horizontal).separators>row:not(.separator) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
}

columnview.data-table>listview>row>cell {
    padding-top: 2px;
    padding-bottom: 2px;
}

columnview~undershoot.top {
    box-shadow: none;
}

columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
    outline: 0px solid transparent;
}

columnview row:not(:selected) cell editablelabel.editing:focus-within {
    outline: 0px solid transparent;
}

treeexpander {
    border-spacing: 4px;
}



/*TEXTVIEW, ICONVIEW*/


.view,
iconview,
textview>text {
    color: white;
    background-color: transparent;
}

.view:selected:focus,
.view:selected,
iconview:selected,
textview>text:selected {
    background-color: rgba(255, 255, 255, 0.1);
}

.view:backdrop,
iconview:backdrop,
textview>text:backdrop,
.view:disabled,
iconview:disabled,
textview>text:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
}

textview {
    caret-color: currentColor;
}

textview>border {
    background-color: transparent;
}

textview:drop(active) {
    caret-color: white;
}

iconview {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    outline: 0 solid transparent;
    outline-offset: 0px;
    border-radius: 6px;
}

iconview:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

iconview:drop(active) {
    box-shadow: none;
}

iconview>dndtarget:drop(active) {
    border: none;
}



/*RUBBERBAND*/


rubberband {
    border: 0px solid transparent;
    background-color: rgba(255, 255, 255, 0.3);
}



/*SPINBUTTON*/


spinbutton {
    padding: 0;
    border-spacing: 0;
}

spinbutton>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
    border-radius: 0;
    box-shadow: none;
    border-style: solid;
    border-color: transparent;
}

spinbutton:not(.vertical) {}

spinbutton:not(.vertical)>text {
    min-width: 28px;
    padding: 6px;
}

spinbutton:not(.vertical)>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton:not(.vertical)>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
    min-height: 16px;
    min-width: 22px;
    padding-bottom: 0;
    padding-top: 0;
    border-left-width: 1px;
}

spinbutton:not(.vertical)>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl),
spinbutton:not(.vertical)>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) {
    border-left-width: 0;
    border-right-width: 1px;
}

spinbutton:not(.vertical)>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
spinbutton:not(.vertical)>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child {
    border-radius: 0 6px 6px 0;
}

spinbutton:not(.vertical)>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child,
spinbutton:not(.vertical)>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child {
    border-radius: 6px 0 0 6px;
}

spinbutton.vertical {}

spinbutton.vertical>text {
    min-height: 30px;
    min-width: 30px;
}

spinbutton.vertical>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
spinbutton.vertical>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child {
    border-top-width: 1px;
    border-radius: 0 0 6px 6px;
}

spinbutton.vertical>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child,
spinbutton.vertical>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child {
    border-bottom-width: 1px;
    border-radius: 6px 6px 0 0;
}

treeview spinbutton:not(.vertical) {
    min-height: 0;
    border-style: none;
    border-radius: 0;
}

treeview spinbutton:not(.vertical)>text {
    min-height: 0;
    padding: 1px 2px;
}



/*LISTVIEW*/


listview,
list {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    background-clip: padding-box;
    color: white;
}

listview>row,
list>row {
    padding: 2px;
    background-clip: padding-box;
}

listview>row.expander,
list>row.expander {
    padding: 0px;
}

listview>row.expander .row-header,
list>row.expander .row-header {
    padding: 2px;
}

listview.horizontal row.separator,
listview.separators.horizontal>row:not(.separator),
list.horizontal row.separator,
list.separators.horizontal>row:not(.separator) {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

listview.horizontal:last-child row.separator:last-child,
listview.separators.horizontal>row:not(.separator):last-child,
list.horizontal:last-child row.separator:last-child,
list.separators.horizontal>row:not(.separator):last-child {
    border-left: 0px solid rgba(255, 255, 255, 0.1);
    border-image: none;
}

listview:not(.horizontal) row.separator,
listview.separators:not(.horizontal)>row:not(.separator),
list:not(.horizontal) row.separator,
list.separators:not(.horizontal)>row:not(.separator) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

listview:not(.horizontal):last-child row.separator:last-child,
listview.separators:not(.horizontal)>row:not(.separator):last-child,
list:not(.horizontal):last-child row.separator:last-child,
list.separators:not(.horizontal)>row:not(.separator):last-child {
    border-bottom: 0px solid rgba(255, 255, 255, 0.1);
    border-image: none;
}

listview.boxed-list>row.expander list,
list.boxed-list>row.expander list {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

listview.view {
    color: white;
    background-color: transparent;
}

listview:backdrop,
list:backdrop,
listview:disabled,
list:disabled {
    color: rgba(255, 255, 255, 0.5);
}



/*ROWS*/


row {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    background-clip: padding-box;
    outline: 0 solid transparent;
    outline-offset: 0px;
    margin-bottom: 0px;
    color: white;
}

row:selected {
    background-color: transparent;
}

row:backdrop,
row:disabled {
    color: rgba(255, 255, 255, 0.5);
}

row:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd row:focus:focus-visible {
    outline-color: transparent;
}

row.activatable:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

row.activatable:active {
    background-color: rgba(255, 255, 255, 0.03);
}

row.activatable:selected {
    background-color: rgba(255, 255, 255, 0.1);
}

row.activatable:selected:hover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

row.activatable:selected:active {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

row.activatable.has-open-popup {
    background-color: rgba(255, 255, 255, 0);
}

row.activatable:selected.has-open-popup {
    background-color: rgba(255, 255, 255, 0.07);
}

row label.subtitle {
    font-size: smaller;
}

row>box.header {
    margin-left: 12px;
    margin-right: 12px;
    min-height: 50px;
}

row>box.header>.icon:disabled {
    filter: opacity(0.5);
}

row>box.header>box.title {
    margin-top: 6px;
    margin-bottom: 6px;
    border-spacing: 3px;
    padding: 0;
}

row>box.header>box.title,
row>box.header>box.title>.title,
row>box.header>box.title>.subtitle {
    padding: 0;
    font-weight: inherit;
}

row.combo image.dropdown-arrow:disabled {
    filter: opacity(0.5);
}

row.combo listview.inline {
    background: none;
    border: none;
    box-shadow: none;
    color: inherit;
}

row.combo listview.inline,
row.combo listview.inline:disabled {
    background: none;
    color: inherit;
}

row.combo popover>contents {
    min-width: 120px;
}



/*BOXED LIST*/


list.content,
list.boxed-list {
    min-width: 16px;
    min-height: 20px;
    padding: 0px 0px;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: white;
}

.osd list.content,
.osd list.boxed-list,
list.osd.content,
list.osd.boxed-list {
    background-color: rgba(255, 255, 255, 0.05);
    color: inherit;
    box-shadow: none;
}

list.content>row,
list.content>row.expander row.header,
list.boxed-list>row,
list.boxed-list>row.expander row.header,
row.expander list.nested>row {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-bottom: none;
}

list.content>row,
list.content>row.expander row.header,
list.boxed-list>row,
list.boxed-list>row.expander row.header,
row.expander list.nested>row {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

list.content>row:focus:focus-visible,
list.content>row.expander row.header:focus:focus-visible,
list.boxed-list>row:focus:focus-visible,
list.boxed-list>row.expander row.header:focus:focus-visible,
row.expander list.nested>row:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd list.content>row:focus:focus-visible,
.osd list.content>row.expander row.header:focus:focus-visible,
list.content>row.expander .osd row.header:focus:focus-visible,
.osd list.boxed-list>row:focus:focus-visible,
.osd list.boxed-list>row.expander row.header:focus:focus-visible,
list.boxed-list>row.expander .osd row.header:focus:focus-visible,
.osd row.expander list.nested>row:focus:focus-visible,
row.expander .osd list.nested>row:focus:focus-visible {
    outline-color: transparent;
}

list.content>row:not(:selected).activatable:hover,
list.content>row.expander row.header:not(:selected).activatable:hover,
list.boxed-list>row:not(:selected).activatable:hover,
list.boxed-list>row.expander row.header:not(:selected).activatable:hover,
row.expander list.nested>row:not(:selected).activatable:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

list.content>row:not(:selected).activatable:active,
list.content>row.expander row.header:not(:selected).activatable:active,
list.boxed-list>row:not(:selected).activatable:active,
list.boxed-list>row.expander row.header:not(:selected).activatable:active,
row.expander list.nested>row:not(:selected).activatable:active {
    background-color: rgba(255, 255, 255, 0.05);
}

list.content>row:not(:selected).activatable.has-open-popup,
list.content>row.expander row.header:not(:selected).activatable.has-open-popup,
list.boxed-list>row:not(:selected).activatable.has-open-popup,
list.boxed-list>row.expander row.header:not(:selected).activatable.has-open-popup,
row.expander list.nested>row:not(:selected).activatable.has-open-popup {
    background-color: rgba(255, 255, 255, 0.1);
}

list.content>row.expander,
list.boxed-list>row.expander {
    border: none;
}

list.content>row:first-child,
list.content>row:first-child.expander row.header,
list.boxed-list>row:first-child,
list.boxed-list>row:first-child.expander row.header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

list.content>row:last-child,
list.content>row:last-child.expander:not(:checked),
list.content>row:last-child.expander:not(:checked) row.header,
list.content>row:last-child.expander:checked list.nested,
list.content>row:last-child.expander:checked list.nested>row:last-child,
list.boxed-list>row:last-child,
list.boxed-list>row:last-child.expander:not(:checked),
list.boxed-list>row:last-child.expander:not(:checked) row.header,
list.boxed-list>row:last-child.expander:checked list.nested,
list.boxed-list>row:last-child.expander:checked list.nested>row:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-width: 0;
}

row.expander {
    background: none;
    padding: 0px;
}

row.expander>box>list {
    background: none;
    color: inherit;
}

row.expander list.nested {
    background-color: rgba(255, 255, 255, 0.05);
    color: inherit;
}

row.expander image.expander-row-arrow {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

row.expander image.expander-row-arrow:dir(ltr) {
    margin-left: 6px;
}

row.expander image.expander-row-arrow:dir(rtl) {
    margin-right: 6px;
}

row.expander:checked image.expander-row-arrow {
    -gtk-icon-transform: rotate(0turn);
}

row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
    -gtk-icon-transform: rotate(-0.25turn);
}

row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
    -gtk-icon-transform: rotate(0.25turn);
}

row.expander:checked image.expander-row-arrow:not(:disabled) {
    color: white;
}

.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
    color: white;
}

row.expander image.expander-row-arrow:disabled {
    filter: opacity(0.5);
}



/*BUTTON, NOTEBOOK*/

notebook>header>tabs>arrow,
colorswatch#add-color-button>overlay,
button {
    min-height: 24px;
    min-width: 16px;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 500;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: none;
    border: none;
}

notebook>header>tabs>arrow,
colorswatch#add-color-button>overlay,
button {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

notebook>header>tabs>arrow:focus:focus-visible,
colorswatch#add-color-button>overlay:focus:focus-visible,
button:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd notebook>header>tabs>arrow:focus:focus-visible,
.osd colorswatch#add-color-button>overlay:focus:focus-visible,
.osd button:focus:focus-visible {
    outline-color: transparent;
}

actionbar>revealer>box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow,
colorswatch#add-color-button>overlay,
button {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}

actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
actionbar>revealer>box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow:hover,
colorswatch#add-color-button>overlay:hover,
button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
actionbar>revealer>box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
actionbar>revealer>box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow.keyboard-activating,
colorswatch#add-color-button>overlay.keyboard-activating,
notebook>header>tabs>arrow:active,
colorswatch#add-color-button>overlay:active,
button.keyboard-activating,
button:active {
    background-color: rgba(255, 255, 255, 0.05);
}

actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
actionbar>revealer>box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow:checked,
colorswatch#add-color-button>overlay:checked,
button:checked {
    background-color: rgba(255, 255, 255, 0.1);
}

actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
actionbar>revealer>box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow:checked:hover,
colorswatch#add-color-button>overlay:checked:hover,
button:checked:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
actionbar>revealer>box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
searchbar>revealer>box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
.toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
actionbar>revealer>box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.raised>button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.raised>button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.raised>button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.raised>button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
notebook>header>tabs>arrow:checked.keyboard-activating,
colorswatch#add-color-button>overlay:checked.keyboard-activating,
notebook>header>tabs>arrow:checked:active,
colorswatch#add-color-button>overlay:checked:active,
button:checked.keyboard-activating,
button:checked:active {
    background-color: rgba(255, 255, 255, 0.05);
}

notebook>header>tabs>arrow:backdrop,
colorswatch#add-color-button>overlay:backdrop,
button:backdrop,
notebook>header>tabs>arrow:disabled,
colorswatch#add-color-button>overlay:disabled,
button:disabled {
    filter: opacity(1);
    color: rgba(255, 255, 255, 0.5);
}

notebook>header>tabs>arrow:disabled label,
colorswatch#add-color-button>overlay:disabled label,
button:disabled label {
    filter: none;
}

notebook>header>tabs>arrow.image-button,
colorswatch#add-color-button>overlay.image-button,
button.image-button {
    min-width: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

notebook>header>tabs>arrow.text-button,
colorswatch#add-color-button>overlay.text-button {
    padding-left: 17px;
    padding-right: 17px;
}

notebook>header>tabs>arrow.text-button.image-button,
colorswatch#add-color-button>overlay.text-button.image-button,
notebook>header>tabs>arrow.image-text-button,
colorswatch#add-color-button>overlay.image-text-button,
button.text-button.image-button,
button.image-text-button {
    padding-left: 9px;
    padding-right: 9px;
}

notebook>header>tabs>arrow.text-button.image-button>box,
colorswatch#add-color-button>overlay.text-button.image-button>box,
notebook>header>tabs>arrow.text-button.image-button>box>box,
colorswatch#add-color-button>overlay.text-button.image-button>box>box,
notebook>header>tabs>arrow.image-text-button>box,
colorswatch#add-color-button>overlay.image-text-button>box,
notebook>header>tabs>arrow.image-text-button>box>box,
colorswatch#add-color-button>overlay.image-text-button>box>box,
button.text-button.image-button>box,
button.text-button.image-button>box>box,
button.image-text-button>box,
button.image-text-button>box>box {
    border-spacing: 4px;
}

notebook>header>tabs>arrow.text-button.image-button>box>label,
colorswatch#add-color-button>overlay.text-button.image-button>box>label,
notebook>header>tabs>arrow.text-button.image-button>box>box>label,
colorswatch#add-color-button>overlay.text-button.image-button>box>box>label,
notebook>header>tabs>arrow.image-text-button>box>label,
colorswatch#add-color-button>overlay.image-text-button>box>label,
notebook>header>tabs>arrow.image-text-button>box>box>label,
colorswatch#add-color-button>overlay.image-text-button>box>box>label,
button.text-button.image-button>box>label,
button.text-button.image-button>box>box>label,
button.image-text-button>box>label,
button.image-text-button>box>box>label {
    padding-left: 2px;
    padding-right: 2px;
}

notebook>header>tabs>arrow.arrow-button,
colorswatch#add-color-button>overlay.arrow-button,
button.arrow-button {
    padding-left: 9px;
    padding-right: 9px;
}

notebook>header>tabs>arrow.arrow-button>box,
colorswatch#add-color-button>overlay.arrow-button>box,
button.arrow-button>box {
    border-spacing: 4px;
}

notebook>header>tabs>arrow.arrow-button.text-button>box,
colorswatch#add-color-button>overlay.arrow-button.text-button>box,
button.arrow-button.text-button>box {
    border-spacing: 4px;
}

dropdown:drop(active) button.combo,
combobox:drop(active) button.combo,
infobar .close:drop(active),
searchbar>revealer>box .close:drop(active),
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:drop(active),
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:drop(active),
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:drop(active),
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:drop(active),
actionbar>revealer>box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:drop(active),
window.dialog.message.csd .dialog-action-area>button:drop(active),
popover.menu box.circular-buttons button.circular.image-button.model:drop(active),
popover.menu box.inline-buttons button.image-button.model:drop(active),
button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:drop(active),
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:drop(active),
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:drop(active),
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:drop(active),
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:drop(active),
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:drop(active),
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:drop(active),
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:drop(active),
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:drop(active),
splitbutton.flat>button:drop(active),
splitbutton.flat>menubutton>button:drop(active),
menubutton.flat>button:drop(active),
button.flat:drop(active),
menubutton.osd>button:drop(active),
button.osd:drop(active),
notebook>header>tabs>arrow:drop(active),
colorswatch#add-color-button>overlay:drop(active),
button:drop(active) {
    color: white;
    box-shadow: none;
}



/*OSD BUTTONS LIKE IN WEATHER*/


menubutton.osd>button,
button.osd {
    min-width: 32px;
    min-height: 32px;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: white;
    background-color: rgba(60, 60, 60, 0.7);
    padding: 0;
    margin: 0;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

menubutton.osd>button,
button.osd {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

menubutton.osd>button:focus:focus-visible,
button.osd:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

menubutton.osd>button:hover,
button.osd:hover {
    box-shadow: none;
    background-color: rgba(80, 80, 80, 0.7);
}

menubutton.osd>button.keyboard-activating,
menubutton.osd>button:active,
button.osd.keyboard-activating,
button.osd:active {
    color: white;
    background-color: rgba(60, 60, 60, 0.7);
}

menubutton.osd>button:checked,
button.osd:checked {
    background-color: rgba(80, 80, 80, 0.7);
}

menubutton.osd>button:checked:hover,
button.osd:checked:hover {
    background-color: rgba(100, 100, 100, 0.7);
}

menubutton.osd>button:checked.keyboard-activating,
menubutton.osd>button:checked:active,
button.osd:checked.keyboard-activating,
button.osd:checked:active {
    background-color: rgba(80, 80, 80, 0.7);
}

menubutton.osd>button:backdrop,
menubutton.osd>button:disabled,
button.osd:backdrop,
button.osd:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(60, 60, 60, 0.5);
}



/*SUGGESTED, DESTRUCTIVE BUTTONS*/


actionbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button,
splitbutton.suggested-action>menubutton>button,
splitbutton.destructive-action>button,
splitbutton.destructive-action>menubutton>button,
splitbutton.opaque>button,
splitbutton.opaque>menubutton>button,
menubutton.suggested-action>button,
menubutton.destructive-action>button,
menubutton.opaque>button,
button.suggested-action,
button.destructive-action,
button.opaque {
    box-shadow: none;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

actionbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button,
splitbutton.suggested-action>menubutton>button,
splitbutton.destructive-action>button,
splitbutton.destructive-action>menubutton>button,
splitbutton.opaque>button,
splitbutton.opaque>menubutton>button,
menubutton.suggested-action>button,
menubutton.destructive-action>button,
menubutton.opaque>button,
button.suggested-action,
button.destructive-action,
button.opaque {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

actionbar>revealer>box menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:focus:focus-visible,
splitbutton.suggested-action>menubutton>button:focus:focus-visible,
splitbutton.destructive-action>button:focus:focus-visible,
splitbutton.destructive-action>menubutton>button:focus:focus-visible,
splitbutton.opaque>button:focus:focus-visible,
splitbutton.opaque>menubutton>button:focus:focus-visible,
menubutton.suggested-action>button:focus:focus-visible,
menubutton.destructive-action>button:focus:focus-visible,
menubutton.opaque>button:focus:focus-visible,
button.suggested-action:focus:focus-visible,
button.destructive-action:focus:focus-visible,
button.opaque:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd actionbar>revealer>box menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd menubutton.suggested-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd actionbar>revealer>box menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd menubutton.destructive-action>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd actionbar>revealer>box menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd menubutton.opaque>button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd splitbutton.suggested-action>button:focus:focus-visible,
.osd splitbutton.suggested-action>menubutton>button:focus:focus-visible,
.osd splitbutton.destructive-action>button:focus:focus-visible,
.osd splitbutton.destructive-action>menubutton>button:focus:focus-visible,
.osd splitbutton.opaque>button:focus:focus-visible,
.osd splitbutton.opaque>menubutton>button:focus:focus-visible,
.osd menubutton.suggested-action>button:focus:focus-visible,
.osd menubutton.destructive-action>button:focus:focus-visible,
.osd menubutton.opaque>button:focus:focus-visible,
.osd button.suggested-action:focus:focus-visible,
.osd button.destructive-action:focus:focus-visible,
.osd button.opaque:focus:focus-visible {
    outline-color: transparent;
}

actionbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button,
splitbutton.suggested-action>menubutton>button,
splitbutton.destructive-action>button,
splitbutton.destructive-action>menubutton>button,
splitbutton.opaque>button,
splitbutton.opaque>menubutton>button,
menubutton.suggested-action>button,
menubutton.destructive-action>button,
menubutton.opaque>button,
button.opaque {
    background-image: image(#1b82b3);
}

actionbar>revealer>box menubutton.suggested-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:hover,
splitbutton.suggested-action>menubutton>button:hover,
splitbutton.destructive-action>button:hover,
splitbutton.destructive-action>menubutton>button:hover,
splitbutton.opaque>button:hover,
splitbutton.opaque>menubutton>button:hover,
menubutton.suggested-action>button:hover,
menubutton.destructive-action>button:hover,
menubutton.opaque>button:hover,
button.opaque:hover {
    background-image: image(#2094c9);
}

actionbar>revealer>box menubutton.suggested-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button.keyboard-activating,
splitbutton.suggested-action>menubutton>button.keyboard-activating,
splitbutton.destructive-action>button.keyboard-activating,
splitbutton.destructive-action>menubutton>button.keyboard-activating,
splitbutton.opaque>button.keyboard-activating,
splitbutton.opaque>menubutton>button.keyboard-activating,
menubutton.suggested-action>button.keyboard-activating,
menubutton.destructive-action>button.keyboard-activating,
menubutton.opaque>button.keyboard-activating,
button.keyboard-activating.suggested-action,
button.keyboard-activating.destructive-action,
button.keyboard-activating.opaque {
    background-image: image(#1b82b3);
}

actionbar>revealer>box menubutton.suggested-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:active,
splitbutton.suggested-action>menubutton>button:active,
splitbutton.destructive-action>button:active,
splitbutton.destructive-action>menubutton>button:active,
splitbutton.opaque>button:active,
splitbutton.opaque>menubutton>button:active,
menubutton.suggested-action>button:active,
menubutton.destructive-action>button:active,
menubutton.opaque>button:active,
button.opaque:active {
    background-image: image(#196B93);
}

actionbar>revealer>box menubutton.suggested-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:checked,
splitbutton.suggested-action>menubutton>button:checked,
splitbutton.destructive-action>button:checked,
splitbutton.destructive-action>menubutton>button:checked,
splitbutton.opaque>button:checked,
splitbutton.opaque>menubutton>button:checked,
menubutton.suggested-action>button:checked,
menubutton.destructive-action>button:checked,
menubutton.opaque>button:checked,
button.opaque:checked {
    background-image: image(#2094c9);
}

actionbar>revealer>box menubutton.suggested-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:checked:hover,
splitbutton.suggested-action>menubutton>button:checked:hover,
splitbutton.destructive-action>button:checked:hover,
splitbutton.destructive-action>menubutton>button:checked:hover,
splitbutton.opaque>button:checked:hover,
splitbutton.opaque>menubutton>button:checked:hover,
menubutton.suggested-action>button:checked:hover,
menubutton.destructive-action>button:checked:hover,
menubutton.opaque>button:checked:hover,
button.opaque:checked:hover {
    background-image: image(#2094c9);
}

actionbar>revealer>box menubutton.suggested-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:checked.keyboard-activating,
splitbutton.suggested-action>menubutton>button:checked.keyboard-activating,
splitbutton.destructive-action>button:checked.keyboard-activating,
splitbutton.destructive-action>menubutton>button:checked.keyboard-activating,
splitbutton.opaque>button:checked.keyboard-activating,
splitbutton.opaque>menubutton>button:checked.keyboard-activating,
menubutton.suggested-action>button:checked.keyboard-activating,
menubutton.destructive-action>button:checked.keyboard-activating,
menubutton.opaque>button:checked.keyboard-activating,
button.suggested-action:checked.keyboard-activating,
button.destructive-action:checked.keyboard-activating,
button.opaque:checked.keyboard-activating {
    background-image: image(#2094c9);
}

actionbar>revealer>box menubutton.suggested-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.suggested-action>button:checked:active,
splitbutton.suggested-action>menubutton>button:checked:active,
splitbutton.destructive-action>button:checked:active,
splitbutton.destructive-action>menubutton>button:checked:active,
splitbutton.opaque>button:checked:active,
splitbutton.opaque>menubutton>button:checked:active,
menubutton.suggested-action>button:checked:active,
menubutton.destructive-action>button:checked:active,
menubutton.opaque>button:checked:active,
button.opaque:checked:active {
    background-image: image(#1b82b3);
}



/*DESTRUCTIVE ACTION*/


button.destructive-action {
    color: white;
    background-color: #c34c4a;
}

button.destructive-action:hover {
    background-color: #d65451;
}

button.destructive-action:active {
    background-color: #a8403e;
}

button.destructive-action:checked {
    background-color: #d65451;
}

button.destructive-action:backdrop {
    color: rgba(255, 255, 255, 0.5);
    background-color: #a8403e;
}

button.destructive-action:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.05);
}



/*SUGGESTED ACTION*/


button.suggested-action {
    background-color: #1b82b3;
    color: white;
}

button.suggested-action:hover {
    background-color: #2094c9;
}

button.suggested-action:active {
    background-color: #196b93;
}

button.suggested-action:checked {
    background-color: #2094c9;
}

button.suggested-action:backdrop {
    color: rgba(255, 255, 255, 0.5);
    background-color: #196b93;
}

button.suggested-action:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.05);
}



/*TOOLBAR BUTTONS etc*/


infobar .close,
searchbar>revealer>box .close,
actionbar>revealer>box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button,
notebook>header>tabs>arrow,
popover.menu box.circular-buttons button.circular.image-button.model,
popover.menu box.inline-buttons button.image-button.model,
button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
splitbutton.flat>button,
splitbutton.flat>menubutton>button,
menubutton.flat>button,
button.flat {
    background: transparent;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: none;
}

infobar .close,
searchbar>revealer>box .close,
actionbar>revealer>box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button,
notebook>header>tabs>arrow,
popover.menu box.circular-buttons button.circular.image-button.model,
popover.menu box.inline-buttons button.image-button.model,
button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
splitbutton.flat>button,
splitbutton.flat>menubutton>button,
menubutton.flat>button,
button.flat {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

infobar .close:focus:focus-visible,
searchbar>revealer>box .close:focus:focus-visible,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
actionbar>revealer>box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:focus:focus-visible,
notebook>header>tabs>arrow:focus:focus-visible,
popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible,
popover.menu box.inline-buttons button.image-button.model:focus:focus-visible,
button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:focus:focus-visible,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
splitbutton.flat>button:focus:focus-visible,
splitbutton.flat>menubutton>button:focus:focus-visible,
menubutton.flat>button:focus:focus-visible,
button.flat:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd infobar .close:focus:focus-visible,
infobar .osd .close:focus:focus-visible,
.osd searchbar>revealer>box .close:focus:focus-visible,
searchbar>revealer>box .osd .close:focus:focus-visible,
.osd actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.osd searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
actionbar>revealer>box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
searchbar>revealer>box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:focus:focus-visible,
.osd actionbar>revealer>box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd actionbar>revealer>box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd actionbar>revealer>box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd searchbar>revealer>box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd spinbutton>button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd spinbutton>button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd button.sidebar-button:focus:focus-visible,
.osd notebook>header>tabs>arrow:focus:focus-visible,
.osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible,
popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible,
.osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible,
popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible,
.osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.osd calendar>header>button:focus:focus-visible,
.osd actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.osd searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
actionbar>revealer>box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
searchbar>revealer>box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:focus:focus-visible,
.osd actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.osd searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
actionbar>revealer>box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
searchbar>revealer>box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:focus:focus-visible,
.osd splitbutton.flat>button:focus:focus-visible,
.osd splitbutton.flat>menubutton>button:focus:focus-visible,
.osd menubutton.flat>button:focus:focus-visible,
.osd button.flat:focus:focus-visible {
    outline-color: transparent;
}

infobar .close:hover,
searchbar>revealer>box .close:hover,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:hover,
actionbar>revealer>box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:hover,
notebook>header>tabs>arrow:hover,
popover.menu box.circular-buttons button.circular.image-button.model:hover,
popover.menu box.inline-buttons button.image-button.model:hover,
button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:hover,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:hover,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:hover,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:hover,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:hover,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:hover,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:hover,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:hover,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:hover,
splitbutton.flat>button:hover,
splitbutton.flat>menubutton>button:hover,
menubutton.flat>button:hover,
button.flat:hover {
    background: rgba(255, 255, 255, 0.1);
}

infobar .keyboard-activating.close,
searchbar>revealer>box .keyboard-activating.close,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button.keyboard-activating,
actionbar>revealer>box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.keyboard-activating.sidebar-button,
notebook>header>tabs>arrow.keyboard-activating,
popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model,
popover.menu box.inline-buttons button.keyboard-activating.image-button.model,
button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button.keyboard-activating,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button.keyboard-activating,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button.keyboard-activating,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button.keyboard-activating,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button.keyboard-activating,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button.keyboard-activating,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button.keyboard-activating,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button.keyboard-activating,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button.keyboard-activating,
splitbutton.flat>button.keyboard-activating,
splitbutton.flat>menubutton>button.keyboard-activating,
menubutton.flat>button.keyboard-activating,
infobar .close:active,
searchbar>revealer>box .close:active,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:active,
actionbar>revealer>box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:active,
notebook>header>tabs>arrow:active,
popover.menu box.circular-buttons button.circular.image-button.model:active,
popover.menu box.inline-buttons button.image-button.model:active,
button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:active,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:active,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:active,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:active,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:active,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:active,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:active,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:active,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:active,
splitbutton.flat>button:active,
splitbutton.flat>menubutton>button:active,
menubutton.flat>button:active,
button.flat.keyboard-activating,
button.flat:active {
    background: rgba(255, 255, 255, 0.05);
}

infobar .close:checked,
searchbar>revealer>box .close:checked,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked,
actionbar>revealer>box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:checked,
notebook>header>tabs>arrow:checked,
popover.menu box.circular-buttons button.circular.image-button.model:checked,
popover.menu box.inline-buttons button.image-button.model:checked,
button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:checked,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked,
splitbutton.flat>button:checked,
splitbutton.flat>menubutton>button:checked,
menubutton.flat>button:checked,
button.flat:checked {
    background: rgba(255, 255, 255, 0.1);
}

infobar .close:checked:hover,
searchbar>revealer>box .close:checked:hover,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:hover,
actionbar>revealer>box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:checked:hover,
notebook>header>tabs>arrow:checked:hover,
popover.menu box.circular-buttons button.circular.image-button.model:checked:hover,
popover.menu box.inline-buttons button.image-button.model:checked:hover,
button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:checked:hover,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:hover,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:hover,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:hover,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:hover,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:hover,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:hover,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:hover,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:hover,
splitbutton.flat>button:checked:hover,
splitbutton.flat>menubutton>button:checked:hover,
menubutton.flat>button:checked:hover,
button.flat:checked:hover {
    background: rgba(255, 255, 255, 0.1);
}

infobar .close:checked.keyboard-activating,
searchbar>revealer>box .close:checked.keyboard-activating,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked.keyboard-activating,
actionbar>revealer>box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:checked.keyboard-activating,
notebook>header>tabs>arrow:checked.keyboard-activating,
popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating,
popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating,
button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:checked.keyboard-activating,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked.keyboard-activating,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked.keyboard-activating,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked.keyboard-activating,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked.keyboard-activating,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked.keyboard-activating,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked.keyboard-activating,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked.keyboard-activating,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked.keyboard-activating,
splitbutton.flat>button:checked.keyboard-activating,
splitbutton.flat>menubutton>button:checked.keyboard-activating,
menubutton.flat>button:checked.keyboard-activating,
infobar .close:checked:active,
searchbar>revealer>box .close:checked:active,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:checked:active,
actionbar>revealer>box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:checked:active,
notebook>header>tabs>arrow:checked:active,
popover.menu box.circular-buttons button.circular.image-button.model:checked:active,
popover.menu box.inline-buttons button.image-button.model:checked:active,
button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:checked:active,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:active,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:active,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:active,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:checked:active,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:active,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:active,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:active,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:checked:active,
splitbutton.flat>button:checked:active,
splitbutton.flat>menubutton>button:checked:active,
menubutton.flat>button:checked:active,
button.flat:checked.keyboard-activating,
button.flat:checked:active {
    background: rgba(255, 255, 255, 0.05);
}

infobar .close:backdrop,
searchbar>revealer>box .close:backdrop,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:backdrop,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:backdrop,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:backdrop,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:backdrop,
actionbar>revealer>box button.arrow-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:backdrop:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:backdrop:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:backdrop,
notebook>header>tabs>arrow:backdrop,
popover.menu box.circular-buttons button.circular.image-button.model:backdrop,
popover.menu box.inline-buttons button.image-button.model:backdrop,
button.emoji-section.image-button:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:backdrop,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:backdrop,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:backdrop,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:backdrop,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:backdrop,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:backdrop,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:backdrop,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:backdrop,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:backdrop,
splitbutton.flat>button:backdrop,
splitbutton.flat>menubutton>button:backdrop,
menubutton.flat>button:backdrop,
button.flat:backdrop {
    filter: opacity(1);
    color: rgba(255, 255, 255, 0.5);
}

infobar .close:disabled,
searchbar>revealer>box .close:disabled,
actionbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:disabled,
searchbar>revealer>box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:disabled,
.toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:disabled,
headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button>button:disabled,
actionbar>revealer>box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
spinbutton>button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
button.sidebar-button:disabled,
notebook>header>tabs>arrow:disabled,
popover.menu box.circular-buttons button.circular.image-button.model:disabled,
popover.menu box.inline-buttons button.image-button.model:disabled,
button.emoji-section.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
calendar>header>button:disabled,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:disabled,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:disabled,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:disabled,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button:disabled,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:disabled,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:disabled,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:disabled,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button:disabled,
splitbutton.flat>button:disabled,
splitbutton.flat>menubutton>button:disabled,
menubutton.flat>button:disabled,
button.flat:disabled {
    filter: opacity(1);
    color: rgba(255, 255, 255, 0.5);
}



/*BUTTON FONT*/


button.font separator {
    background-color: transparent;
    margin: 0 2px;
}

button.font>box {
    border-spacing: 6px;
}

button.font>box>box>label {
    font-weight: bold;
}



/*BUTTON CARD*/


button.card {
    background-color: rgba(255, 255, 255, 0.05);
    background-clip: padding-box;
    font-weight: inherit;
    padding: 0;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

button.card:hover {
    background-image: image(rgba(255, 255, 255, 0.1));
}

button.card.keyboard-activating,
button.card:active {
    background-image: image(rgba(255, 255, 255, 0.05));
}

button.card:checked {
    background-color: rgba(255, 255, 255, 0.1);
    background-image: image(rgba(255, 255, 255, 0.05));
}

button.card:checked:hover {
    background-image: image(rgba(255, 255, 255, 0.05));
}

button.card:checked.keyboard-activating,
button.card:checked:active {
    background-image: image(rgba(255, 255, 255, 0.05));
}

button.card:checked.has-open-popup {
    background-image: image(rgba(255, 255, 255, 0.1));
}

button.card:drop(active) {
    color: white;
    box-shadow: none;
}

columnview.view>header>button,
treeview.view>header>button,
popover.menu modelbutton,
button.link,
button.link:hover,
button.link:active,
button.link:checked {
    background-color: transparent;
}



/*LINK BUTTON*/


link,
button.link {
    color: #1b82b3;
    text-decoration: none;
    font-weight: inherit;
    background-color: transparent;
    transition: 200ms;
}

link:visited,
button.link:visited {
    color: #1b82b3;
}

link:hover,
button.link:hover {
    color: #2094c9;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 200ms;
}

link:active,
button.link:active {
    color: #1b82b3;
    background-color: rgba(255, 255, 255, 0.05);
    transition: 200ms;
}

link:backdrop,
button.link:backdrop,
link:disabled,
button.link:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    transition: 200ms;
}

.osd link,
.osd button.link {
    color: #1b82b3;
}

.osd link:visited,
.osd button.link:visited {
    color: #1b82b3;
}

.osd link:active,
.osd button.link:active {
    color: #1b82b3;
}

link {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
}

link {
    outline: 0 solid transparent;
    outline-offset: 0px;
}

link:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

.osd link:focus:focus-visible {
    outline-color: transparent;
}

button.link>label {
    text-decoration: none;
}



/*BUTTON COLOR*/


button.color {
    padding: 0px;
}

button.color>colorswatch:only-child,
button.color>colorswatch:only-child>overlay {
    border-radius: 5px;
}

button.color>colorswatch:only-child>overlay:hover {
    background-color: rgba(255, 255, 255, 0.05);
    transition: 200ms;
}

button.color>colorswatch:only-child:disabled {
    filter: none;
}

button.color>colorswatch:only-child.light>overlay {
    border-color: rgba(255, 255, 255, 0.1);
}

button.color colorswatch:first-child:last-child {
    margin: 0px 3px;
}

button.color colorswatch:first-child:last-child,
button.color colorswatch:first-child:last-child>overlay {
    border-radius: 6px;
    min-height: 18px;
}



/*MENUBUTTON*/


menubutton.osd {
    background: none;
    color: white;
}

menubutton.suggested-action {
    background-color: #1b82b3;
    color: white;
}

menubutton.destructive-action {
    background-color: #c34c4a;
    color: white;
}

menubutton.opaque {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}

menubutton.suggested-action,
menubutton.destructive-action,
menubutton.opaque {
    border-radius: 6px;
}

menubutton.suggested-action.circular,
menubutton.suggested-action.pill,
menubutton.destructive-action.circular,
menubutton.destructive-action.pill,
menubutton.opaque.circular,
menubutton.opaque.pill {
    border-radius: 9999px;
}

menubutton.suggested-action>button,
menubutton.suggested-action>button:checked,
menubutton.destructive-action>button,
menubutton.destructive-action>button:checked,
menubutton.opaque>button,
menubutton.opaque>button:checked {
    background-color: transparent;
    color: inherit;
}

menubutton.image-button>button {
    min-width: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

menubutton>button arrow {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
    min-height: 5px;
    min-width: 5px;
    box-shadow: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

menubutton:selected arrow {
    background-color: transparent;
}

menubutton:backdrop arrow,
menubutton:disabled arrow {
    filter: opacity(50%);
}



/*TOASTS*/


toast {
    margin: 12px;
    margin-bottom: 24px;
    border-radius: 150px;
    border-spacing: 6px;
    padding: 6px;
}

toast:dir(ltr) {
    padding-left: 12px;
}

toast:dir(rtl) {
    padding-right: 12px;
}

toast>label {
    margin: 0 6px;
}



/*ACTIONBAR SEARCHBAR*/


actionbar>revealer>box {
    padding: 6px;
    margin-bottom: 5px;
    box-shadow: none;
    border-spacing: 6px;
    border-top: 0px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0);
}

actionbar>revealer>box,
actionbar>revealer>box>box.start,
actionbar>revealer>box>box.end {
    border-spacing: 6px;
}

actionbar>revealer>box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible,
searchbar>revealer>box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible,
.osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible,
headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible {
    outline-color: transparent;
}

actionbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.suggested-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.destructive-action>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar menubutton.opaque>button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
    color: inherit;
    background-color: transparent;
}

actionbar>revealer>box splitbutton>separator.vertical,
searchbar>revealer>box splitbutton>separator.vertical,
.toolbar splitbutton>separator.vertical,
headerbar splitbutton>separator.vertical {
    margin-top: 6px;
    margin-bottom: 6px;
}

actionbar>revealer>box entry,
searchbar>revealer>box entry,
.toolbar entry,
headerbar entry,
actionbar>revealer>box spinbutton,
searchbar>revealer>box spinbutton,
.toolbar spinbutton,
headerbar spinbutton,
actionbar>revealer>box splitbutton,
searchbar>revealer>box splitbutton,
.toolbar splitbutton,
headerbar splitbutton,
actionbar>revealer>box separator:not(.sidebar),
searchbar>revealer>box separator:not(.sidebar),
.toolbar separator:not(.sidebar),
headerbar separator:not(.sidebar),
actionbar>revealer>box button,
searchbar>revealer>box button,
.toolbar button,
headerbar button,
actionbar>revealer>box menubutton,
searchbar>revealer>box menubutton,
.toolbar menubutton,
headerbar menubutton,
actionbar>revealer>box scalebutton,
searchbar>revealer>box scalebutton,
.toolbar scalebutton,
headerbar scalebutton {
    margin-top: 6px;
    margin-bottom: 6px;
}

actionbar>revealer>box menubutton>button,
searchbar>revealer>box menubutton>button,
.toolbar menubutton>button,
headerbar menubutton>button,
actionbar>revealer>box splitbutton>button,
searchbar>revealer>box splitbutton>button,
.toolbar splitbutton>button,
headerbar splitbutton>button,
actionbar>revealer>box splitbutton>menubutton,
searchbar>revealer>box splitbutton>menubutton,
.toolbar splitbutton>menubutton,
headerbar splitbutton>menubutton,
actionbar>revealer>box scalebutton>button,
searchbar>revealer>box scalebutton>button,
.toolbar scalebutton>button,
headerbar scalebutton>button {
    margin-top: 0px;
    margin-bottom: 0px;
}

actionbar>revealer>box switch,
searchbar>revealer>box switch,
.toolbar switch,
headerbar switch {
    margin-top: 12px;
    margin-bottom: 12px;
}

actionbar>revealer>box popover entry,
searchbar>revealer>box popover entry,
.toolbar popover entry,
headerbar popover entry,
actionbar>revealer>box popover spinbutton,
searchbar>revealer>box popover spinbutton,
.toolbar popover spinbutton,
headerbar popover spinbutton,
actionbar>revealer>box popover splitbutton,
searchbar>revealer>box popover splitbutton,
.toolbar popover splitbutton,
headerbar popover splitbutton,
actionbar>revealer>box popover separator:not(.sidebar),
searchbar>revealer>box popover separator:not(.sidebar),
.toolbar popover separator:not(.sidebar),
headerbar popover separator:not(.sidebar),
actionbar>revealer>box popover button,
searchbar>revealer>box popover button,
.toolbar popover button,
headerbar popover button,
actionbar>revealer>box popover menubutton,
searchbar>revealer>box popover menubutton,
.toolbar popover menubutton,
headerbar popover menubutton,
actionbar>revealer>box popover scalebutton,
searchbar>revealer>box popover scalebutton,
.toolbar popover scalebutton,
headerbar popover scalebutton,
actionbar>revealer>box popover switch,
searchbar>revealer>box popover switch,
.toolbar popover switch,
headerbar popover switch {
    margin-top: 0;
    margin-bottom: 0;
}

actionbar>revealer>box popover.menu separator:not(.sidebar),
searchbar>revealer>box popover.menu separator:not(.sidebar),
.toolbar popover.menu separator:not(.sidebar),
headerbar popover.menu separator:not(.sidebar) {
    margin-top: 6px;
    margin-bottom: 6px;
}

.toolbar {
    padding: 3px 6px;
    border-spacing: 6px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.toolbar.osd {
    padding: 6px;
    border: none;
    border-radius: 10px;
    background-color: transparent;
    box-shadow: none;
}

.toolbar separator,
toolbar separator {
    background: none;
}

.toolbar button {
    color: white;
    background-color: transparent;
    margin: 1px;
    transition: 200ms;
}

searchbar:not(.inline)>revealer>box {
    background-color: transparent;
    color: white;
    box-shadow: none;
    padding-bottom: 1px;
}

searchbar:not(.inline)>revealer>box:backdrop {
    background-color: transparent;
    transition: 200ms ease-out;
}

searchbar>revealer>box {
    padding: 5px;
    border-spacing: 6px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
}

searchbar>revealer>box .close {
    min-width: 18px;
    min-height: 18px;
    padding: 4px;
    border-radius: 50%;
}

searchbar .linked:not(.vertical)>entry {
    margin-top: 0;
    margin-bottom: 0;
}



/*TABBAR*/


tabbar .box {
    min-height: 38px;
    background-color: transparent;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    padding-bottom: 5px;
    box-shadow: none;
}

tabbar:backdrop .box {
    background-color: transparent;
    transition: 200ms ease-out;
}

tabbar scrolledwindow.pinned undershoot {
    border: 0 solid transparent;
}

tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
    border-left-width: 0px;
}

tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
    border-right-width: 0px;
}

tabbar scrolledwindow.pinned tabbox>background:dir(ltr) {
    box-shadow: none;
}

tabbar scrolledwindow.pinned tabbox>background:dir(rtl) {
    box-shadow: none;
}

tabbar undershoot {
    transition: background 150ms ease-in-out;
}

tabbar undershoot.left {
    background: linear-gradient(to right, #252525, transparent 20px);
}

tabbar: undershoot.right {
    background: linear-gradient(to left, #252525, transparent 20px);
}

tabbar .needs-attention-left undershoot.left {
    background: linear-gradient(to right, #252525, transparent 20px);
}

tabbar .needs-attention-right undershoot.right {
    background: linear-gradient(to left, #252525, transparent 20px);
}

tabbar tabbox>background {
    background-color: transparent;
}

tabbar tabbox>widget {
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    outline: 0 solid transparent;
    outline-offset: 0px;
}

tabbar tabbox>widget:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

tabbar tab {
    border-style: solid;
    border-color: transparent;
    border-width: 0px;
    transition: background 150ms ease-in-out;
    background-color: rgba(255, 255, 255, 0.05);
    background-clip: padding-box;
    border-radius: 6px;
}

tabbar tab:hover {
    background-image: image(rgba(255, 255, 255, 0.05));
}

tabbar tab:active {
    background-image: image(rgba(255, 255, 255, 0.05));
}

tabbar tab:selected {
    background-image: image(rgba(255, 255, 255, 0.1));
}

tabbar tab:checked {
    background-image: image(transparent);
}

tabbar tab.needs-attention {
    background-image: image(#1b82b3);
}

tabbar tab.needs-attention:hover,
tabbar tab.needs-attention:active {
    background-image: image(#2094c9);
}

tabbar .start-action,
tabbar .end-action {
    background-color: rgba(255, 255, 255, 0.05);
    background-clip: padding-box;
    border-color: transparent;
    border-style: solid;
    transition: background 150ms ease-in-out;
}

tabbar .start-action button,
tabbar .end-action button {
    border: none;
    border-radius: 0;
}

tabbar .start-action:dir(ltr),
tabbar .end-action:dir(rtl) {
    border-right-width: 1px;
}

tabbar .start-action:dir(rtl),
tabbar .end-action:dir(ltr) {
    border-left-width: 1px;
}

dnd tab {
    min-height: 26px;
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
    box-shadow: none;
    outline: 1px solid transparent;
    outline-offset: 0px;
    margin: 25px;
}

dnd tab.needs-attention {
    background-image: image(#1b82b3);
}

tabbar tab,
dnd tab {
    padding: 5px;
}

tabbar tab button.image-button,
dnd tab button.image-button {
    padding: 0;
    margin: 0;
    min-width: 20px;
    min-height: 20px;
    border-radius: 6px;
}

tabview:drop(active),
tabbox:drop(active) {
    box-shadow: none;
}



/*FLOWBOX, GRIDVIEW*/


flowbox>flowboxchild,
gridview>child {
    padding: 3px;
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 6px;
    transition-property: outline, outline-width, outline-offset, outline-color;
    transition-duration: 300ms;
    animation-timing-function: ease-in-out;
    outline: 0 solid transparent;
    outline-offset: 0px;
}

flowbox>flowboxchild:focus:focus-visible,
gridview>child:focus:focus-visible {
    outline-color: transparent;
    outline-width: 0px;
    outline-offset: 0px;
}

flowbox>flowboxchild:selected,
gridview>child:selected {
    background-color: rgba(255, 255, 255, 0.1);
}

gridview>child.activatable:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

gridview>child.activatable:active {
    background-color: rgba(255, 255, 255, 0.05);
}

gridview>child.activatable:selected:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

gridview>child.activatable:selected:active {
    background-color: rgba(255, 255, 255, 0.1);
}



/*CURSOR HANDLE*/


cursor-handle {
    all: unset;
    padding: 24px 20px;
}

cursor-handle>contents {
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
}

cursor-handle.top>contents {
    border-top-right-radius: 0;
}

cursor-handle.bottom>contents {
    border-top-left-radius: 0;
    transform: translateX(1px);
}

cursor-handle.insertion-cursor>contents {
    border-top-left-radius: 0;
    transform: translateX(1px) translateY(4px) rotate(45deg);
}



/*STACKSWITCHER*/


stackswitcher>button>label {
    padding: 0px;
    margin: 0 -6px;
}

stackswitcher>button>image {
    padding: 3px 6px;
    margin: -3px -6px;
}

stackswitcher>button.text-button {
    min-width: 100px;
}

stackswitcher.circular {
    border-spacing: 12px;
}

stackswitcher.circular>button.circular,
stackswitcher.circular>button.text-button.circular {
    min-width: 32px;
    min-height: 32px;
    padding: 0;
}

.navigation-sidebar :not(window):drop(active):focus,
.navigation-sidebar :not(window):drop(active),
placessidebar :not(window):drop(active):focus,
placessidebar :not(window):drop(active),
stackswitcher :not(window):drop(active):focus,
stackswitcher :not(window):drop(active),
expander-widget :not(window):drop(active):focus,
expander-widget :not(window):drop(active) {
    box-shadow: none;
}

stacksidebar row.needs-attention>label,
stackswitcher>button.needs-attention>label,
stackswitcher>button.needs-attention>image {
    animation: needs_attention 150ms ease-in;
    background-image: image(#1b82b3);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    background-position: right 3px, right 2px;
}

stacksidebar row.needs-attention>label:backdrop,
stackswitcher>button.needs-attention>label:backdrop,
stackswitcher>button.needs-attention>image:backdrop {
    background-size: 6px 6px, 0 0;
}

stacksidebar row.needs-attention>label:dir(rtl),
stackswitcher>button.needs-attention>label:dir(rtl),
stackswitcher>button.needs-attention>image:dir(rtl) {
    background-position: left 3px, left 2px;
}

@keyframes needs_attention {
    from {
        background-image: radial-gradient(farthest-side, #1b82b3 0%, transparent 0%);
    }

    to {
        background-image: radial-gradient(farthest-side, #1b82b3 95%, transparent);
    }
}



/*SPLITBUTTON*/


splitbutton {
    border-radius: 6px;
}

splitbutton,
splitbutton>separator {
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background;
}

splitbutton>separator {
    margin-top: 6px;
    margin-bottom: 6px;
    background: none;
}

splitbutton>menubutton>button {
    padding-left: 4px;
    padding-right: 4px;
}

splitbutton.image-button>button {
    min-width: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

splitbutton.text-button.image-button>button,
splitbutton.image-text-button>button {
    padding-left: 9px;
    padding-right: 9px;
}

splitbutton.text-button.image-button>button>box,
splitbutton.image-text-button>button>box {
    border-spacing: 6px;
}

splitbutton>button:dir(ltr),
splitbutton>menubutton>button:dir(rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px;
}

splitbutton>button:dir(rtl),
splitbutton>menubutton>button:dir(ltr) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
splitbutton.flat>separator {
    background: transparent;
}

actionbar>revealer>box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
actionbar>revealer>box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
searchbar>revealer>box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
.toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
splitbutton.flat:hover,
splitbutton.flat:active,
splitbutton.flat:checked {
    background: transparent;
}

actionbar>revealer>box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
searchbar>revealer>box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
.toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
actionbar>revealer>box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
searchbar>revealer>box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
.toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
actionbar>revealer>box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
searchbar>revealer>box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
.toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
splitbutton.flat:hover>separator,
splitbutton.flat:active>separator,
splitbutton.flat:checked>separator {
    background: transparent;
}

actionbar>revealer>box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
searchbar>revealer>box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
.toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>separator,
splitbutton.flat:focus-within:focus-visible>separator {
    background: none;
}

actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button,
actionbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
searchbar>revealer>box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button,
splitbutton.flat>button,
splitbutton.flat>menubutton>button {
    border-radius: 6px;
}

headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>button {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque)>menubutton>button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

splitbutton.suggested-action {
    background-color: #1b82b3;
    color: white;
}

splitbutton.destructive-action {
    background-color: #c34c4a;
    color: white;
}

splitbutton.opaque {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}

splitbutton.suggested-action>button,
splitbutton.suggested-action>button:checked,
splitbutton.suggested-action>menubutton>button,
splitbutton.suggested-action>menubutton>button:checked,
splitbutton.destructive-action>button,
splitbutton.destructive-action>button:checked,
splitbutton.destructive-action>menubutton>button,
splitbutton.destructive-action>menubutton>button:checked,
splitbutton.opaque>button,
splitbutton.opaque>button:checked,
splitbutton.opaque>menubutton>button,
splitbutton.opaque>menubutton>button:checked {
    color: inherit;
    background-color: transparent;
}

splitbutton.suggested-action>menubutton>button:dir(ltr),
splitbutton.destructive-action>menubutton>button:dir(ltr),
splitbutton.opaque>menubutton>button:dir(ltr) {
    box-shadow: none;
}

splitbutton.suggested-action>menubutton>button:dir(rtl),
splitbutton.destructive-action>menubutton>button:dir(rtl),
splitbutton.opaque>menubutton>button:dir(rtl) {
    box-shadow: none;
}

splitbutton>menubutton>button>arrow.none {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

buttoncontent {
    border-spacing: 6px;
}

buttoncontent>label {
    font-weight: bold;
}

buttoncontent>label:dir(ltr) {
    padding-right: 2px;
}

buttoncontent>label:dir(rtl) {
    padding-left: 2px;
}

.arrow-button>box>buttoncontent>label:dir(ltr),
splitbutton>button>buttoncontent>label:dir(ltr) {
    padding-right: 0;
}

.arrow-button>box>buttoncontent>label:dir(rtl),
splitbutton>button>buttoncontent>label:dir(rtl) {
    padding-left: 0;
}



/*INDICATOR BIN*/


indicatorbin>indicator,
indicatorbin>mask {
    min-width: 6px;
    min-height: 6px;
    border-radius: 100px;
}

indicatorbin>indicator {
    margin: 1px;
    background: rgba(255, 255, 255, 0.05);
}

indicatorbin>indicator>label {
    font-size: 0.6rem;
    font-weight: bold;
    padding: 1px 4px;
    color: white;
}

indicatorbin>mask {
    padding: 1px;
    background: black;
}

indicatorbin.needs-attention>indicator {
    background: #1b82b3;
}

indicatorbin.needs-attention>indicator>label {
    color: white;
}



/*FLAP, LEAFLET*/


flap>dimming,
leaflet>dimming {
    background: rgba(255, 255, 255, 0.05);
}

flap>border,
leaflet>border {
    min-width: 1px;
    min-height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

flap>shadow,
leaflet>shadow {
    min-width: 56px;
    min-height: 56px;
}

flap>shadow.left,
leaflet>shadow.left {
    background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.36), 0.7), alpha(rgba(0, 0, 0, 0.36), 0.14) 40px, alpha(rgba(0, 0, 0, 0.36), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.36), 0.4), alpha(rgba(0, 0, 0, 0.36), 0.14) 7px, alpha(rgba(0, 0, 0, 0.36), 0) 24px);
}

flap>shadow.right,
leaflet>shadow.right {
    background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.36), 0.7), alpha(rgba(0, 0, 0, 0.36), 0.14) 40px, alpha(rgba(0, 0, 0, 0.36), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.36), 0.4), alpha(rgba(0, 0, 0, 0.36), 0.14) 7px, alpha(rgba(0, 0, 0, 0.36), 0) 24px);
}

flap>shadow.up,
leaflet>shadow.up {
    background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.36), 0.7), alpha(rgba(0, 0, 0, 0.36), 0.14) 40px, alpha(rgba(0, 0, 0, 0.36), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.36), 0.4), alpha(rgba(0, 0, 0, 0.36), 0.14) 7px, alpha(rgba(0, 0, 0, 0.36), 0) 24px);
}

flap>shadow.down,
leaflet>shadow.down {
    background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.36), 0.7), alpha(rgba(0, 0, 0, 0.36), 0.14) 40px, alpha(rgba(0, 0, 0, 0.36), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.36), 0.4), alpha(rgba(0, 0, 0, 0.36), 0.14) 7px, alpha(rgba(0, 0, 0, 0.36), 0) 24px);
}



/*FILES*/


#NautilusViewCell clamp box {
    margin: 0;
    border-spacing: 0;
}

#NautilusQueryEditor>menubutton>button {
    min-width: 16px;
    min-height: 16px;
    margin: 0;
}

#NautilusQueryEditor>text {
    margin: 0;
}

.nautilus-window .floating-bar {
    min-height: 32px;
    padding: 0;
    margin: 6px;
    border-radius: 8px;
    background-color: #333333;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    box-shadow: none;
}

.nautilus-window .floating-bar button {
    margin: 5px;
    color: white;
}

#NautilusPathBar {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    margin: 0px 0;
}

#NautilusPathBar menubutton {
    margin-top: 0;
    margin-bottom: 0;
}

#NautilusPathBar #NautilusPathButton {
    margin: 2px 2px;
    border-radius: 6px;
    background-color: transparent;
    min-height: 0;
}

#NautilusPathBar #NautilusPathButton:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#NautilusPathBar #NautilusPathButton:active {
    background-color: rgba(255, 255, 255, 0.05);
}

#NautilusPathBar #NautilusPathButton.current-dir {
    color: white;
}

#NautilusPathBar #NautilusPathButton.current-dir:hover,
#NautilusPathBar #NautilusPathButton.current-dir:active {
    background: none;
    box-shadow: none;
}



/*NEW ABOUT DIALOG*/


window.about .main-page>viewport>clamp>box {
    margin: 12px;
    border-spacing: 6px;
}

window.about .main-page>viewport>clamp>box>box {
    margin-top: 18px;
    border-spacing: 18px;
    margin-bottom: 6px;
}

window.about .main-page .app-version {
    padding: 3px 18px;
    color: white;
    border-radius: 999px;
    margin-top: 3px;
}

window.about .subpage>viewport>clamp>box {
    margin: 18px 12px;
    border-spacing: 18px;
}

window.about .subpage>clamp>textview {
    background: none;
    color: inherit;
}



/*NEW MESSAGE DIALOG*/


window.messagedialog {
    background-color: #252525;
    color: white;
}

window.messagedialog separator {
    background-color: transparent;
}

window.messagedialog.csd {
    outline: none;
}

window.messagedialog .message-area {
    padding: 24px 30px;
    padding-bottom: 10px;
    border-spacing: 10px;
}

window.messagedialog .response-area>box {
    margin: 3px;
}

window.messagedialog .response-area>box>button {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
    margin: 3px;
    padding: 6px 10px;
    border-radius: 6px;
}

window.messagedialog .response-area>box>button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

window.messagedialog .response-area>box>button:active {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}

window.messagedialog .response-area>box>button:checked {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

window.messagedialog .response-area>box>button:backdrop,
window.messagedialog .response-area>box>button:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}

window.messagedialog .response-area>box>button.suggested {
    background-color: #1b82b3;
    color: white;
}

window.messagedialog .response-area>box>button.suggested:hover {
    background-color: #2094c9;
    color: white;
}

window.messagedialog .response-area>box>button.suggested:active {
    background-color: #196b93;
    color: white;
}

window.messagedialog .response-area>box>button.suggested:checked {
    background-color: #2094c9;
    color: white;
}

window.messagedialog .response-area>box>button.suggested:backdrop {
    background-color: #196b93;
    color: rgba(255, 255, 255, 0.5);
}

window.messagedialog .response-area>box>button.suggested:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}

window.messagedialog .response-area>box>button.destructive {
    background-color: #c34c4a;
    color: white;
}

window.messagedialog .response-area>box>button.destructive:hover {
    background-color: #d65451;
    color: white;
}

window.messagedialog .response-area>box>button.destructive:active {
    background-color: #a8403e;
    color: white;
}

window.messagedialog .response-area>box>button.destructive:checked {
    background-color: #d65451;
    color: white;
}

window.messagedialog .response-area>box>button.destructive:backdrop {
    background-color: #a8403e;
    color: rgba(255, 255, 255, 0.5);
}

window.messagedialog .response-area>box>button.destructive:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.5);
}



/* COLORS */
@define-color theme_bg_color #333333;
@define-color theme_fg_color white;
@define-color theme_base_color #252525;
@define-color theme_text_color white;
@define-color theme_selected_bg_color #1b82b3;
@define-color theme_selected_fg_color white;
@define-color insensitive_bg_color #252525;
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
@define-color insensitive_base_color white;
@define-color borders rgba(255, 255, 255, 0.2);
@define-color theme_unfocused_bg_color #252525;
@define-color theme_unfocused_fg_color rgba(255, 255, 255, 0.5);
@define-color theme_unfocused_base_color #282828;
@define-color theme_unfocused_text_color white;
@define-color theme_unfocused_selected_bg_color #1b82b3;
@define-color theme_unfocused_selected_fg_color white;
@define-color unfocused_insensitive_color #282828;
@define-color unfocused_borders rgba(255, 255, 255, 0.1);

@define-color accent_color #1b82b3;
@define-color accent_bg_color accent_color;
@define-color accent_fg_color white;
@define-color destructive_color #c34c4a;
@define-color destructive_bg_color destructive_color;
@define-color destructive_fg_color white;
@define-color success_color #79B757;
@define-color success_bg_color success_color;
@define-color success_fg_color white;
@define-color warning_color #ffb83d;
@define-color warning_bg_color warning_color;
@define-color warning_fg_color #252525;
@define-color error_color #ed5f5d;
@define-color error_bg_color error_color;
@define-color error_fg_color white;
@define-color window_bg_color #252525;
@define-color window_fg_color #909090;
@define-color view_bg_color #252525;
@define-color view_fg_color white;
@define-color headerbar_bg_color #252525;
@define-color headerbar_fg_color white;
@define-color headerbar_border_color rgba(255, 255, 255, 0.1);
@define-color headerbar_backdrop_color #282828;
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
@define-color card_bg_color rgba(255, 255, 255, 0.05);
@define-color card_fg_color white;
@define-color card_shade_color rgba(0, 0, 0, 0.36);
@define-color dialog_bg_color #252525;
@define-color dialog_fg_color white;
@define-color popover_bg_color #333333;
@define-color popover_fg_color white;
@define-color shade_color rgba(0, 0, 0, 0.36);
@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);